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

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

Testfälle

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