aria navigation
aria navigation: Findet man jede Navigation?
<nav> erzeugt eine Landmark. Mehrere Bereiche brauchen unterscheidbare Namen; aria-current="page" markiert den Standort.
01 / Landmark-Konsole
Prüffall wählen und die Korrektur hören.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört die Konsole Ihnen.
Landmark-Konsole
Struktur hören, Fokus verfolgen
Landmark-Liste
StrukturvorschauHauptbereich, Navigation, 3 Links
Hauptbereich
<nav aria-label="Hauptbereich"><a href="#">Start</a><a href="#" aria-current="page">Produkte</a><a href="#">Kontakt</a></nav>Drei eindeutig benannte Navigation-Landmarks sind geladen.
02 / Der Unterschied
Eine Landmark ist der Anfang, nicht die Website.
Gleiche Namen kosten Orientierung
Mehrere Menüs heißen oft gleich oder gar nicht: Der Screenreader sagt zweimal „Navigation“ an, und Haupt- und Servicebereich werden ununterscheidbar.
Der Check prüft die ganze Seite
Der Website-Check findet Linkgruppen ohne Landmark, doppelt vergebene Namen und fehlende Standortmarkierungen auf Ihren veröffentlichten Seiten.
Fundstellen mit nächstem Schritt
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos und ohne Installation.
03 / Auf Ihrer Website
Jetzt die eigene Navigation prüfen.
Die Konsole prüft Markup-Muster. Der Website-Check findet Navigationsfehler auf der gerenderten URL.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis