User-Aid Logo
Zurück zur Übersicht

role-img-alt

Detailinformationen zur WCAG-Regel

WCAG 2Ernsthaft

Stellen Sie sicher, dass [role="img"]-Elemente alternativen Text haben

Jedes Element mit `role="img"` muss eine Textalternative haben, die das Bild beschreibt.

Warum ist das wichtig?

Wenn einem Element `role="img"` zugewiesen wird, wird es von assistiven Technologien als Bild behandelt. Genau wie ein Standard-`<img>`-Element erfordert es eine Textalternative, damit Screenreader-Benutzer seinen Inhalt verstehen können.

Lösung

Stellen Sie eine Textalternative für jedes Element mit `role="img"` bereit. Dies kann mit `aria-label`, `aria-labelledby` oder durch Sicherstellen, dass das Element zugänglichen inneren Text hat, erfolgen.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.