Ana içeriğe geç
TRDS Türkiye Kamu Tasarım Sistemi

Kimlik · Masthead

Resmî site afişi TR

Sayfanın en üstünde durur ve kullanıcıya bu sitenin resmî bir devlet sitesi olduğunu söyler.

CSS
kararlı
JavaScript
aç ve kapat
React
kararlı
Vue
kararlı

Örnekler

Temel Canlı örnek · tam genişlik

Bu, Türkiye Cumhuriyeti’ne ait resmî bir devlet sitesidir.

HTML kodunu göster
<div class="trds-resmi-afis" data-trds="resmi-afis">
  <div class="trds-kap trds-resmi-afis__ic">
    <img class="trds-resmi-afis__bayrak" src="/trds/turk-bayragi.svg" alt="">
    <p class="trds-resmi-afis__metin">Bu, Türkiye Cumhuriyeti’ne ait resmî bir devlet sitesidir.</p>
    <button class="trds-resmi-afis__dugme" type="button" aria-expanded="false" aria-controls="afis-nasil">Nasıl anlarım?</button>
  </div>
  <div class="trds-resmi-afis__panel" id="afis-nasil" hidden>
    <div class="trds-kap trds-resmi-afis__panel-ic">
      <div>
        <p class="trds-resmi-afis__panel-baslik">Adres <strong>gov.tr</strong> ile biter</p>
        <p>Resmî devlet siteleri gov.tr uzantısını kullanır. Adres çubuğunu her zaman kontrol edin.</p>
      </div>
      <div>
        <p class="trds-resmi-afis__panel-baslik">Bağlantı <strong>güvenlidir</strong></p>
        <p>Adresin başında https ve kilit simgesi bulunur. Kimlik bilgilerinizi yalnız böyle sayfalara girin.</p>
      </div>
    </div>
  </div>
</div>

Ne zaman kullanılır

Erişilebilirlik

Karşılanan WCAG 2.2 ölçütleri 1.3.12.4.14.1.2

Neden bu bileşen var

Resmî hizmetlerde kurum kimliğini ve alan adını kontrol etme yolunu gösterir. Afiş tek başına sitenin gerçekliğini kanıtlamaz.

Kaynak

Benzer bir bileşen şu ülkelerin tasarım sistemlerinde de var: US, KR.