ARIA-Landmarks sinnvoll benennen

ARIA-Landmarks sind sehr wichtig. Doch nur wenn sie richtig verwendet werden, sind sie brauchbar. Dieser Beitrag beschreibt, wie man ARIA-Landmarks sinnvoll benennen kann.
Ein Laptop auf einem Tisch vor einem Fenster. Auf dem Bildschirm ist HTML Auszeichnungssprache zu erkennen

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.

Eine Liste mit schlecht benannten Orientierungspunkten.
Konkretes Beispiel schlecht benannter Landmarks, das wir in dieser Form schon oft angetroffen haben.

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.

4 Kommentare zu “ARIA-Landmarks sinnvoll benennen

  1. 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

  2. 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

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verarbeitet werden .