<input type="image"> Elemente müssen alternativen Text haben
Blind
Hören
Mobilität
WCAG 2.2 Level A
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.