In unserer täglichen Testarbeit treffen wir immer wieder Sites an, auf denen man zwar die sogenannten ARIA-Landmarks (Using ARIA landmarks to identify regions of a page) zur Erleichterung der Navigation auf den Seiten mit einem Screen-Reader eingefügt hat. Diese sind jedoch nicht sinvoll benannt, so dass diese an und für sich sinnvolle Orientierungshilfe sich eher nervend bemerkbar macht. Sehr oft treffen wir ARIA-Landmarks mit dem Namen «Navigation» an.
Der Screenreader Jaws sagt in diesem Fall «Orientierungspunkt Navigation» an. Gegen einen Orientierungspunkt Navigation ist grundsätzlich nichts einzuwenden, nur sollte dieser dann auch eine Navigation ankündigen und nicht einen anderen Inhaltsblock der betreffenden Seite.
Der Screenreader gibt den Text, der nach aria-label= in den Anführungszeichen steht, als Namen des ARIA-Landmark aus.
Im folgenden Beispiel sagt der Screen-Reader also «Navigation Orientierungspunkt» an. Der Screenreader erkennt den Orientierungspunkt als solchen und kündigt ihn dementsprechend an.
aria-label="Navigation" role="navigation"
In Namen für die ARIA-Landmarks können Leerzeichen verwendet werden. So das Unterstriche als «Ersatzzeichen» für das Leerzeichen zwischen einzenen Wörtern des Namens einer ARIA-Landmarke nicht notwendig sind.
Falls Sie sich entschliessen, auf einer Site ARIA-Landmarken einzusetzen, sollten Sie also darauf achten, dass Sie die ARIA-Landmarken sinnvoll benennen. Die Screenreader-Anwender werden es Ihnen bestimmt danken, wennn der Screen-Reader nicht ständig was von Orientierungspunkt Navigation erzählt.
Salü Petra
Interessanter Beitrag und es taucht bei mir die Frage auf, wie sich die landmarks denn mit den Orientierungshilfen für Screenreader-User verhalten, die mit CSS vor Sehenden verborgen werden. Ich kann mir vorstellen das ist dann doppelt.
Kann man diese jetzt weglassen? Gibt es genug roles?
Beispiel mit Beidem:
Hauptnavigation
Gruss
Sven
Hallo Sven,
Ja, die werden verdoppelt. Das tönt auch komisch. Wir empfehlen die Orientierungshilfen dennoch als Falback, den nicht alle Jaws und Browser-Kombinationen funktionieren richtig gut mit Landmarks. Den IE 9 traue ich nicht so ganz in dieser Hinsicht, da hatten wir schon eigenartige Effekte gehabt.
Petra
Hoi Petra
Interessanter Beitrag!
Sehr interessant wäre noch ein Screenshot eines Beispiels wo gut benannte Landmarks verwendet wurden.
Andreas
Hallo Andreas,
Das ist eine gute Idee.
Mache ich sobald ich Zeit habe.
Petra