Die Navigation über Seitenregionen
veröffentlicht in 2012zuletzt bearbeitet in
Tastenbefehle in Screenreadern
Browser bieten generell wenige Möglichkeiten der Tastaturnavigation innerhalb einer Webseite. Mit der Tab-Taste können Links und Steuerelemente nacheinander angesprungen werden oder mit F7 kann das sogenannte Caret-Browsing aktiviert werden. Dieser Einschränkung wurde im Laufe der Jahre durch erweiternde Konzepte begegnet:
- Assistenztechnologien wie Screenreader erlauben die Navigation über Strukturmerkmale einer Webseite, die den direkten Sprung zur nächsten (oder vorherigen)
Überschrift, zum nächsten Formularelement, zur nächsten Liste usw. ermöglicht. Diese Art der Navigation ist die strukturelle Navigation.
- Die HTML-Spezifikation für das
tabindex
-Attribut wurde ergänzt, so dass beliebige Elemente in die Tab-Reihenfolge aufgenommen werden können. - In HTML wurden neue semantische Elemente zur Kennzeichnung von Seitenregionen eingeführt, die eine erweiterte strukturelle Navigation erlauben. Diese Elemente erfüllen die Anforderungen an landmark roles aus den Accessible Rich Internet Applications (ARIA) 1.2.
Es gibt insgesamt acht HTML-Elemente mit einer landmark role. Bei den HTML-Elementen handelt es sich um die
aside
-, footer
-, form
-, header
-, main
-, nav
-, search
- und section
-Elemente. Bei den section
- und form
-Elementen besteht die Besonderheit, dass sie mit einem aria-labelledby
- oder aria-label
-Attribut einen Namen erhalten müssen, bevor Browser eine Rolle zuweisen.
Per Tastatur von Region zu Region
Im Allgemeinen bieten Browser keine Möglichkeit der strukturellen Navigation. Webseitenanbieter können Widgets wie Landmark navigation in Webseiten integrieren, um Tastaturnutzern eine effizientere Navigation zu bieten.
Hinweis: Die ARIA-Spezifikation sieht zwar vor, dass "user agents" eine Navigation über Seitenregionen ermöglichen, aber bislang ist das in Browsern nur mit Plugins möglich.
In Screenreadern ist die strukturelle Navigation per Seitenregionen fast überall gegeben. Alle gängigen Screenreader bieten mindestens die Möglichkeit, zur nächsten oder zur vorherigen Region zu springen. Manche Screenreader bieten auch ein Dialogfenster mit einer Liste der verfügbaren Regionen einer Seite an; wenn eine Region ausgewählt wird, springt der Screenreader zur entsprechenden Stelle auf der Seite.
Die Tastenbefehle für die strukturelle Navigation per Seitenregion variieren von Screenreader zu Screenreader:
Screenreader | Nächste Region anspringen | Vorherige Region anspringen | Regionen auflisten | Anmerkungen |
---|---|---|---|---|
JAWS | R | Umschalt+R | JAWS+Strg+R |
|
NVDA | D | Umschalt+D | NVDA+F7 |
|
VoiceOver (iOS) | PfeilUnten | PfeilOben | Nicht verfügbar |
|
VoiceOver (MacOS) | PfeilUnten | PfeilOben | Nicht verfügbar | Im Web Rotor müssen vorab "Orientierungspunkte" eingestellt werden. |
Der Beitrag Die Navigation über Seitenregionen besteht aus folgenden einzelnen Webseiten:
Tastenbefehle in Screenreadern
(Aktuelle Seite)
Vorgehensweise für die Bestimmung von Seitenregionen
Seitenregionen müssen aufeinander abgestimmt sein. Manchmal benötigen Sie einen Namen.