Skip-Links & semantische Landmarks
Mit der Tastatur springt man direkt zum Hauptinhalt. Man muss nicht Navigation und Kopfbereich durchgehen.
Was bedeutet „Skip-Links & semantische Landmarks"?
Skip-Links sind verborgene Links am Anfang der Seite. Sie werden beim ersten Tastendruck mit der Tastatur sichtbar. Sie helfen Nutzern, direkt zum Hauptinhalt zu springen. Sie gehen dabei an Navigation, Kopfbereich und Werbung vorbei. Bedeutungsvolle Elemente wie , , , helfen blinden Nutzern. Sie zeigen die Bereiche der Seite und erlauben Sprünge mit Tastenkombinationen.
Yükümlülük ve Fayda — WCAG 2.4.1.
Die Regel WCAG 2.4.1 (Überspringen von Blöcken) verlangt das Überspringen von sich wiederholenden Inhalten. Das ist Pflicht auf Niveau A. Ohne Skip-Link muss ein Nutzer viele Menü-Punkte durchgehen. Er kommt erst dann zum Inhalt. Bei Nutzern mit Vorlese-Programm ist es genauso. Sie hören die gesamte Navigation zuerst.
Bunu tam olarak nasıl çözeceğiz?.
- Her sayfadaki ilk odaklanılabilir öğe:
<a class="skip-link" href="#main">Ana içeriğe atla</a>. - CSS, bağlantıyı görsel olarak gizler (negatif konumda),
:odakAAA kontrast oranıyla görünür hale geliyor. - Yapısal referans noktalarının doğru kullanımı: a
, Asayfa başına.- öğelerlearia-etiketiBelirsizlik durumlarında (örneğin, "ana gezinme", "yol izleme"). - Tarayıcı Geliştirici Araçları erişilebilirlik ağacında ve ekran okuyucularla (VoiceOver / NVDA) doğrulama.
Modül paketimizin ilgili yapı taşları
-
Erişilebilir formlar
WCAG 3.3.1Klare Labels, programmatische Fehlerführung, Validierung — keine Browser-Bubbles, kein „Bitte ausfüllen".
-
Görünür odak göstergesi
WCAG 2.4.11Sekmeleri kullanarak gezinen kullanıcılar her zaman nerede olduklarını bilirler. Kaybolan çerçeve yok.
-
Sade dil (yapay zeka destekli)
WCAG 3.1.5Okuma güçlüğü çekenler, dil öğrenenler ve acelesi olanlar için tek tuşla basitleştirilmiş içerik.
-
Tam klavye navigasyonu
WCAG 2.1.1Her fonksiyona fareye gerek kalmadan erişilebilir. Ekran okuyucu kullanıcıları için olmazsa olmaz, diğer herkes için de faydalı.
Tam olarak bu modüle mi ihtiyacınız var?
Wir bieten ein 15-minütiges Erstgespräch an. Wir prüfen, ob es für Ihre Webseite wichtig ist. Weitere Infos: BFSG-Übersicht, Leistungen, BAFA-Förderung, häufige Fragen.
