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
Bu, Türkiye Cumhuriyeti’ne ait resmî bir devlet sitesidir.
Adres gov.tr ile biter
Resmî devlet siteleri gov.tr uzantısını kullanır. Adres çubuğunu her zaman kontrol edin.
Bağlantı güvenlidir
Adresin başında https ve kilit simgesi bulunur. Kimlik bilgilerinizi yalnız böyle sayfalara girin.
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
- Her kamu sayfasında, her zaman en üstte kullanın.
- Metni değiştirmeyin. Tek bir metin her sitede aynıdır.
- Bu bileşen
@trds/identitypaketindedir ve kısıtlı lisans taşır.
Erişilebilirlik
- Ekran okuyucu için sayfanın ilk bölgesidir.
- "Nasıl anlarım?" bölümü bir düğme ile açılır ve
aria-expandedtaşır. - Bayrak, Türk Bayrağı Tüzüğü ölçülerine göre çizilmiştir. Boş
alttaşır, çünkü anlamı yanındaki metin verir.
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.