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.
Обязательства и выгоды — 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.
Как именно мы это решим.
- Первый элемент, на который можно сфокусироваться на каждой странице:
<a class="skip-link" href="#main">Перейти к основному содержимому</a>. - CSS визуально скрывает ссылку (позиционирует её отрицательно), когда
:фокусЭто становится видимым — при контрастности уровня AAA. - Правильное использование структурных ориентиров: а)
, аза страницу.-элементы сaria-labelдля предотвращения неоднозначности (например, „основная навигация", „хлебные крошки"). - Проверка доступности в дереве инструментов разработчика браузера и с помощью программ чтения с экрана (VoiceOver / NVDA).
Соответствующие структурные элементы нашего модульного комплекса
-
Доступные формы
WCAG 3.3.1Klare Labels, programmatische Fehlerführung, Validierung — keine Browser-Bubbles, kein „Bitte ausfüllen".
-
Видимый индикатор фокусировки
WCAG 2.4.11Пользователи, использующие вкладки для навигации, всегда знают, где они находятся. Никакого исчезающего контура.
-
Простой язык (с поддержкой ИИ)
WCAG 3.1.5Упрощенный контент одним нажатием кнопки — для людей с трудностями при чтении, изучающих языки и тех, кто спешит.
-
Полная навигация с помощью клавиатуры
WCAG 2.1.1Все функции доступны — без мыши. Незаменимо для пользователей программ чтения с экрана, полезно для всех остальных.
Вам нужен именно этот модуль?
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.
