Bookmarklet Accessible Link Names
Was ist ein Bookmarklet?
Ein Bookmarklet ist ein spezieller Link, der JavaScript-Code enthält. Wenn du ein solches Bookmarklet aktivierst, wird der JavaScript-Code vom Browser ausgeführt.
Was zeigt dir das Bookmarklet "Accessible Link Names" an?
Dieses Bookmarklet dient speziell dazu, die zugänglichen Namen von verlinkten Elementen anzuzeigen. Es dient zur Prüfung des Erfolgskriteriums 2.4.4 "Link Purpose (in Context)" der WCAG 2.2.
Andere zugängliche Namen (z.B. von Formularelementen) werden mit diesem Bookmarklet nicht angezeigt.
Installation des Bookmarklets "Accessible Link Names"
Um das Bookmarklet "Accessible Link Names" zu installieren, ziehst du den Link per Drag & Drop in die Lesezeichen- oder Favoritenleiste deines Browsers. In Chrome, Firefox und Safari kannst du die Lesezeichenleiste mit der Tastenkombination Shift + Ctrl/Cmd + B ein- oder ausblenden.
Zusätzlich gibt es browserabhängige Methoden zur Installation: Kopiere dazu die URL des Bookmarklet-Links und füge sie in das URL-Feld eines neuen Lesezeichens ein. Ein neues Lesezeichen kannst du über den Lesezeichen-Manager oder die Funktion „Alle Lesezeichen anzeigen“ deines Browsers erstellen.
Nutzung des Bookmarklets
Per Hover über das einzelne Element wird dir der sogenannte zugängliche Name als Tooltip eingeblendet.
Blau bedeutet: Ein fokussierbares Element besitzt einen Linktext. Wichtig: Dies sagt nichts über die inhaltliche Sinnhaftigkeit des Linktexts aus!
Gelb bedeutet: Der Linktext ist vorhanden, jedoch ist der Link nicht per Tastatur fokussierbar. Da er aber in der Linkliste von Screenreadern aufgeführt wird, benötigt er einen aussagekräftigen Linktext/zugänglichen Namen.
Rot bedeutet: Der Link hat keinen zugänglichen Namen (Linktext).
- "alt attribute missing" bedeutet: Das alt-Attribut fehlt gänzlich.
- "alt text empty" bedeutet: Das Bild stellt eine separat verlinkte Bedienfläche dar und benötigt daher einen Alternativtext.
- Die Ergänzung "(not focusable)" bedeutet: Der Link ist nicht per Tastatur fokussierbar. Da er aber in der Linkliste von Screenreadern aufgeführt wird, benötigt er einen aussagekräftigen Linktext/zugänglichen Namen.
Ergänzende Hinweise:
- An den zugänglichen Namen ist in Klammern der HTML-Node angehängt, über den der zugängliche Name erzeugt wird.
- Zugängliche Namen von Links, die programmatisch unterdrückt werden (z.B. per aria-hidden), werden in dem Bookmarklet nicht angezeigt, da sie für nichtsehende Nutzer in der Linkliste ihres Screenreaders nicht verfügbar sind.
- Dynamisch nachgeladene Inhalte: Das Bookmarklet zeigt die zugänglichen Namen für Elemente an, die bei der Aktivierung des Bookmarklets auf der Seite vorhanden sind. Wenn die Seite Inhalte (z.B. beim Scrolling) nachlädt, sollte das Bookmarklet erst dann aktiviert werden, wenn die Seiteninhalte vollständig vorhanden sind.