<input type="image"> Elemente müssen alternativen Text haben

Blind Hören Mobilität
WCAG 2.2 Level A
Von Menschen für Menschen geschrieben und recherchiert
Foto des Experten
Ritvik Shrivastava
Fachmännisch überprüft von
Kommentare: 0
Ihre gesamte Domain
Erhalten Sie detaillierte Anweisungen, wie Sie jedes Barrierefreiheitsproblem auf Ihrer Website beheben können

Laut WCAG müssen alle <input type=”image”>-Elemente einen alternativen Text haben.

Warum es wichtig ist

Eine <input type=”image”>-Schaltfläche muss alternativen Text haben, damit Screenreader-Benutzer den Zweck der Schaltfläche kennen. Auch wenn das Bild Text enthält, ist ein alternativer Text erforderlich, da Screenreader nur den Code auswerten können.

Behebung des Problems

Jedes <input type=”image”>-Element muss ein nicht leeres alt-, aria-label– oder aria-labelledby-Attribut haben.

Bei Bildschaltflächen dient das alt-Attribut als Beschriftung. Der alt-Text muss eindeutig sein und die Funktion der Schaltfläche beschreiben.

Gutes Code-Beispiel

Codebeispiel
<input type="image" src="submit.png" name="submit" height="36" width="113" alt="Absenden"> Kopieren

Testfälle

Weitere Beispiele finden Sie in der ATC-Regelbibliothek von W3C auf GitHub.