Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten

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:

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 Extern, englischsprachig: 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
  • Die JAWS-Taste ist standardmäßig die Einfügen-Taste.
  • In JAWS kann der Hauptinhalt der Seite mit der Taste Q angesprungen werden.
NVDA D Umschalt+D NVDA+F7
  • Die NVDA-Taste ist standardmäßig die Einfügen-Taste.
  • Bei der Auflistung werden wahlweise Links, Überschriften oder Sprungmarken aufgelistet. Die Darstellung muss auf "Sprungmarken" geschaltet werden.
VoiceOver (iOS) PfeilUnten PfeilObenNicht verfügbar
  • Die strukturelle Navigation wurde per Tastatur getestet. Sie funktioniert aber auch durch vertikales Wischen.
  • Im Web Rotor müssen vorab "Orientierungspunkte" eingestellt werden.
VoiceOver (MacOS) PfeilUnten PfeilObenNicht verfügbar

Im Web Rotor müssen vorab "Orientierungspunkte" eingestellt werden.