Wissensdatenbank

WCAG verständlich erklärt

Kriterium, Bedeutung, Testweg und Codebeispiel an einem Ort.

WCAG 1.1.1Level A

Alternativtexte

Nicht-textliche Inhalte brauchen eine passende Textalternative.

Warum wichtig?

Screenreader-Nutzende erhalten sonst keine Information über Bilder oder Icons.

Wie testen?

Bilder ohne Textinhalt mit leerem alt-Attribut markieren. Inhaltliche Bilder knapp und zweckbezogen beschreiben.

Gut
<img src="diagramm.png" alt="Umsatz steigt von Januar bis März">
Problematisch
<img src="diagramm.png">