Örnekler

<a class="trds-atla" href="#ana-icerik">Ana içeriğe geç</a>
<main id="ana-icerik" tabindex="-1">
  <h1 class="trds-baslik trds-baslik--1">Sayfa başlığı</h1>
</main>

Ne zaman kullanılır

• Her sayfada kullanın. İstisnası yoktur.
• Sayfadaki ilk odaklanabilir öğe olur.

Erişilebilirlik

• Odak almadan gizlidir. Odak alınca görünür olur.
• display: none kullanmayın. O zaman klavye de bulamaz.
• Hedef öğe tabindex="-1" taşır, yoksa odak taşınmaz.
• Ölçüm: 16 Türk bakanlık sitesinin 15 tanesinde bu bağlantı yok.

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

Kaynak

Benzer bir bileşen şu ülkelerin tasarım sistemlerinde de var: UK, FR, KR, DK, NO.