Landmark-Regionen (ARIA-Landmarks)

Landmark-Regionen sind Seitenbereiche, die über WAI-ARIA-Rollen wie banner, navigation, main und contentinfo ausgezeichnet sind und sich mit Screenreadern direkt anspringen lassen. Screenreader werten die Rollen aus und bieten dafür eigene Tastaturbefehle und Übersichtslisten; so gelangt man ohne Umweg vom Seitenkopf zum Hauptinhalt. WAI-ARIA definiert acht Landmark-Rollen: banner, complementary, contentinfo, form, main, navigation, region und search. Das role-Attribut braucht es dafür selten, denn HTML-Elemente tragen die Rollen implizit: header steht für banner, nav für navigation, main für main, footer für contentinfo. Die Rollen banner und contentinfo sind auf je eine Region pro Seite ausgelegt. Die Elemente header und footer zählen nur dann als Landmark, wenn sie nicht innerhalb von article, aside, main, nav oder section stehen. Kommt eine Rolle mehrfach vor, etwa zwei Navigationen, braucht jede ein eigenes Label über aria-label. Die Grenze des Musters: Landmarks nützen nur, wo assistive Technologien sie ausgeben. Wer ohne Screenreader per Tastatur navigiert, merkt von ihnen nichts; Skip-Links bleiben deshalb nötig.

In der Praxis

Bauen Sie die Grundstruktur mit semantischem HTML: ein header, ein nav, ein main und ein footer, jeweils direkt im body. Das role-Attribut bleibt für Fälle ohne passendes HTML-Element; für Suchformulare gibt es mit search inzwischen ein eigenes Element. Nach der Empfehlung der ARIA Authoring Practices soll aller wahrnehmbare Inhalt in einer Landmark-Region liegen; was außerhalb steht, taucht in der Regionen-Übersicht nicht auf. Der typische Fehler sind zwei unbeschriftete Navigationen: Hauptmenü und Fußzeilen-Links melden sich dann beide nur als „Navigation“. Vergeben Sie mit aria-label sprechende Namen, etwa „Hauptmenü“ für das Hauptmenü. Das Wort „Navigation“ gehört nicht ins Label, denn die Rolle sagt der Screenreader ohnehin an. Zum Prüfen einen Screenreader starten und die Regionen-Liste aufrufen: Jede Region soll dort mit erkennbarem Namen stehen, nichts Wichtiges darf außerhalb liegen. Planen Sie Skip-Links dazu, für alle, die per Tastatur, aber ohne Screenreader arbeiten.

Passende Leistung

Quellen

← Zurück zum Glossar