Saltar enlaces y puntos de referencia semánticos
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.
Obligación y beneficio — 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.
Cómo lo resolveremos específicamente.
- Primer elemento enfocable en cada página:
<a class="skip-link" href="#main">Saltar al contenido principal</a>. - CSS oculta visualmente el enlace (posicionado negativamente), cuando
:enfocarSe hace visible, con contraste AAA. - Puntos de referencia estructurales utilizados correctamente: a
, apor página.-elementos conaria-labelpara evitar ambigüedades (por ejemplo, „navegación principal", „migas de pan"). - Validación en el árbol de accesibilidad de las herramientas para desarrolladores del navegador y con lectores de pantalla (VoiceOver / NVDA).
Componentes básicos relacionados de nuestro conjunto de módulos
-
Formularios accesibles
WCAG 3.3.1Etiquetas claras, manejo programático de errores, validación: sin burbujas en el navegador, sin "por favor, rellene".
-
Indicador de enfoque visible
WCAG 2.4.11Los usuarios que navegan mediante pestañas siempre saben dónde están. No hay contorno que desaparezca.
-
Lenguaje sencillo (con soporte de IA)
WCAG 3.1.5Contenido simplificado con solo pulsar un botón: para personas con dificultades de lectura, estudiantes de idiomas y personas con prisa.
-
Navegación completa con teclado
WCAG 2.1.1Todas las funciones son accesibles sin necesidad de ratón. Imprescindible para usuarios de lectores de pantalla, útil para todos los demás.
¿Necesitas este módulo en concreto?
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.
