Kimlik · Identifier

Kurum tanıtıcısı TR

Sayfanın sonunda hizmeti işleten kurumu ve bağlı olduğu bakanlığı adlandırır.

CSS: kararlı
JavaScript: gerekmiyor
React: kararlı
Vue: kararlı

Örnekler

Temel Canlı örnek · tam genişlik

Sosyal Güvenlik Kurumu

Çalışma ve Sosyal Güvenlik Bakanlığı bağlı kuruluşudur.

HTML kodunu göster

<section class="trds-tanitici" aria-label="Kurum bilgisi">
  <div class="trds-kap trds-tanitici__ic">
    <div>
      <p class="trds-tanitici__kurum">Sosyal Güvenlik Kurumu</p>
      <p class="trds-tanitici__ust">Çalışma ve Sosyal Güvenlik Bakanlığı bağlı kuruluşudur.</p>
    </div>
    <nav class="trds-tanitici__baglantilar" aria-label="Kurum bağlantıları">
      <a href="#">Hakkımızda</a>
      <a href="#">Bilgi edinme</a>
      <a href="#">CİMER</a>
    </nav>
  </div>
</section>

Ne zaman kullanılır

Kurumsal alt bilgi ile birlikte kullanmayın. O alt bilgi kurum adını ve üst kurumu zaten taşır. Bir metin bir sayfada bir kez durur.
Her sayfada alt bilginin hemen üstünde kullanın.
Bağlı kuruluşlar üst kurumu da yazar.

Erişilebilirlik

Kurum adı görsel değil metindir. Logo yalnız metne eşlik eder.
İletişim bağlantıları gerçek bağlantılardır.

Karşılanan WCAG 2.2 ölçütleri 1.1.1 1.3.1 2.4.5

Neden bu bileşen var

Türkiye’de bir vatandaş bir hizmeti hangi kurumun yürüttüğünü çoğu zaman bilmez. Bu bileşen sorumluyu adlandırır ve şikâyet yolunu açar.

Kaynak

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