Türkiye’ye özgü hizmet · e-Devlet sign in
e-Devlet ile giriş TR
Kullanıcıyı e-Devlet Kapısı kimlik doğrulamasına gönderen tek ve değişmez düğme.
- CSS
- kararlı
- JavaScript
- gerekmiyor
- React
- kararlı
- Vue
- kararlı
Örnekler
e-Devlet ile giriş yap
e-Devlet şifreniz yoksa PTT şubelerinden alabilirsiniz.
HTML kodunu göster
<div class="kiris-edevlet">
<a class="kiris-edevlet__dugme" href="#">
<span class="kiris-edevlet__isaret" aria-hidden="true"><img src="/kiris/e-devlet-isaret.png" alt=""></span>
<span>e-Devlet ile giriş yap</span>
</a>
<p class="kiris-edevlet__yardim">e-Devlet şifreniz yoksa <a class="kiris-link" href="#">PTT şubelerinden alabilirsiniz</a>.</p>
</div>
Ne zaman kullanılır
- Kimlik doğrulaması gereken her hizmette birincil giriş yolu olarak kullanın.
- Görünümünü değiştirmeyin. Her sitede aynı görünmesi güven işaretidir.
- Bu bileşen
@kiris-ds/identitypaketindedir ve kısıtlı lisans taşır.
Erişilebilirlik
- Bir
<a>öğesidir, çünkü kullanıcıyı başka bir alan adına götürür. - Metin her zaman "e-Devlet ile giriş yap" olur.
- Yanında alternatif giriş yolları listelenir. e-Devlet tek yol olmamalıdır.
Karşılanan WCAG 2.2 ölçütleri 2.4.43.2.4
Neden bu bileşen var
e-Devlet ile giriş seçeneğini tutarlı bir işaret ve etiketle gösterir. Kimlik doğrulama için ayrı bir hizmet entegrasyonu gerekir.
Kaynak
Benzer bir bileşen şu ülkelerin tasarım sistemlerinde de var: FR.
Bu bileşenin kodu depoda:
- Kayıt defteri tanımı, adı, özeti, kullanım kuralı ve örnekleri
- CSS katmanları,
kiris-edevlet-girisile başlayan sınıflar
