Aktive <area>-Elemente müssen einen Alternativtext besitzen.

Warum es diese Prüfung gibt

Screenreader-Nutzende lassen sich oft eine Liste aller Links der Seite ausgeben. Eine Liste mit neunmal „Mehr erfahren“ ist nutzlos.

Was sie üblicherweise auslöst

• fällt durchWiederholte Links „Mehr erfahren“ oder „Hier klicken“.
• fällt durchEin Link um ein Bild ohne Alternativtext — er wird als URL angesagt.
• fällt durchEin leerer Anker, der nur als Aufhänger für JavaScript dient.

So beheben Sie es

• tunSchreiben Sie das Ziel in den Link: „Den EAA-Ratgeber lesen“.
• tunMuss der sichtbare Text kurz bleiben, ergänzen Sie den vollen Text per `aria-label` — und achten Sie darauf, dass die sichtbaren Wörter darin vorkommen (siehe 2.5.3).

Wie es gemeldet wird

A11ySignal meldet das mit der Schwere kritisch. Jedes fehlerhafte Element kommt mit seinem CSS-Selektor und dem Markup, das durchgefallen ist — Sie kommen also direkt zur Zeile, statt sie zu suchen. Deque veröffentlicht die Details auf Engine-Ebene:

https://dequeuniversity.com/rules/axe/4.13/area-alt ↗

Prüfung umgesetzt in axe-core 4.13.0, © Deque Systems, MPL-2.0.

Weitere Prüfungen für 2.4.4