User-Aid Logo
Zurück zur Übersicht

input-image-alt

Detailinformationen zur WCAG-Regel

WCAG 2Kritisch

Stellen Sie sicher, dass <input type="image">-Elemente alternativen Text haben

Alle `<input type="image">`-Elemente müssen ein `alt`-Attribut haben, das die Funktion der Schaltfläche beschreibt.

Warum ist das wichtig?

Screenreader verwenden das `alt`-Attribut, um den Zweck einer Bildschaltfläche anzukündigen. Ohne dieses Attribut wissen die Benutzer nicht, welche Aktion die Schaltfläche ausführt. Selbst wenn das Bild Text enthält, ist der Text für einen Screenreader nicht zugänglich.

Lösung

Fügen Sie dem `<input type="image">`-Element ein `alt`-Attribut mit Text hinzu, der die Aktion der Schaltfläche beschreibt (z. B. `alt="Suchen"`). Sie können auch `aria-label` oder `aria-labelledby` verwenden.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.