Textalternativen

Bereiche einer Image-Map brauchen einen Alternativtext

Regel: area-alt
Schweregrad: Kritisch
WCAG-Stufe A

Warum das wichtig ist

Jeder klickbare Bereich einer Image-Map ist ein Link. Ohne Alternativtext liest ein Screenreader die Ziel-URL vor — aus einer Europakarte wird eine Liste von Dateipfaden.

So beheben Sie es

Geben Sie jedem <area> ein alt-Attribut, das das Ziel benennt, nicht das Aussehen.
Formulieren Sie es so wie die entsprechenden Textlinks an anderer Stelle der Seite.
Soll ein Bereich nicht anklickbar sein, entfernen Sie sein href, statt alt leer zu lassen.

Im Markup

Fehlerhaft

<map name="europe">
  <area shape="rect" coords="0,0,60,40" href="/de">
</map>

Korrekt

<map name="europe">
  <area shape="rect" coords="0,0,60,40" href="/de" alt="Germany">
</map>

Die Anforderung dahinter

Diese Regel ist eine Art, die folgenden WCAG-2.2-Erfolgskriterien zu verfehlen. Das W3C, das den Standard herausgibt, erläutert jedes davon:

2.4.4 Linkzweck (im Kontext) (öffnet in neuem Tab) — WCAG-Stufe A
4.1.2 Name, Rolle, Wert (öffnet in neuem Tab) — WCAG-Stufe A

Weiterführende Quellen

Deque University zu area-alt (öffnet in neuem Tab)

Deque entwickelt axe-core, die quelloffene Prüf-Engine unseres Scanners. Ihre Seite dokumentiert die Regel so, wie die Engine sie umsetzt.

Automatische Prüfungen finden Fehler, die ein Browser nachweisen kann. Ob eine Untertitelspur inhaltlich stimmt, ob ein Alternativtext wirklich hilft oder ob sich eine Seite durchgängig mit der Tastatur bedienen lässt, kann nur ein Mensch beurteilen.