Textalternativen
Bild-Schaltflächen brauchen einen Alternativtext
- Regel:
input-image-alt - Schweregrad: Kritisch
- WCAG-Stufe A
Warum das wichtig ist
<input type="image"> ist eine als Bild gezeichnete Absende-Schaltfläche. Ohne alt sollen Menschen ein Formular abschicken, indem sie etwas Namenloses drücken.
So beheben Sie es
- Ergänzen Sie alt mit dem, was die Schaltfläche tut, nicht mit dem, was das Bild zeigt.
- Passen Sie den Wortlaut an die Aktion an („Suchen“, nicht „Lupe“).
Im Markup
<input type="image" src="search.png"><input type="image" src="search.png" alt="Search">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:
- 1.1.1 Nicht-Text-Inhalte (ö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 input-image-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.