@@pl > Und: Ein [textbasiertes Captcha](http://perl.rolfrost.de/textaufgaben.html) braucht kein alt=Attribute. **Jedes**™ `img`-Element braucht ein `alt`-Attribut. Ansonsten lesen Screenreader den Dateinamen vor; das will man nicht™. Nicht jedes Bild braucht einen Alternativtext. In solch einem Fall ist `alt=""` anzugeben. (Wem das zu viel ist: `alt` ohne Wertzuweisung tut dasselbe). Vorzugsweise ergänzt durch `aria-labelledby="…"` (wenn die Textalternative schon anderswo vorhanden ist) bzw. durch `role="none presentation"` (wenn das Bild rein dekorativ ist und keine Textalternative braucht). ☞ [visueller Test](https://speakerdeck.com/gunnarbittersmann/test-driven-html-development?slide=19) dafür: ~~~CSS img:not([alt]), img[alt=""]:not([role~="none"]):not([role~="presentation"]):not([aria-label]):not([aria-labelledby]) { ERROR: 'alternate textual representation missing'; outline: var(--error-outline) !important; } :root { --error-color: red; --error-outline-width: 0.5rem; --error-outline-style: solid; --error-outline: var(--error-outline-width) var(--error-outline-style) var(--error-color); } ~~~ LLAP 🖖 -- *„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“* —Kurt Weidemann

@@pl > Und: Ein [textbasiertes Captcha](http://perl.rolfrost.de/textaufgaben.html) braucht kein alt=Attribute. **Jedes**™ `img`-Element braucht ein `alt`-Attribut. Ansonsten lesen Screenreader den Dateinamen vor; das will man nicht™. Nicht jedes Bild braucht einen Alternativtext. In solch einem Fall ist `alt=""` anzugeben. (Wem das zu viel ist: `alt` ohne Wertzuweiseung tut dasselbe). Vorzugsweise ergänzt durch `aria-labelledby="…"` (wenn die Textalternative schon anderswo vorhanden ist) bzw. durch `role="none presentation"` (wenn das Bild rein dekorativ ist und keine Textalternative braucht). ☞ [visueller Test](https://speakerdeck.com/gunnarbittersmann/test-driven-html-development?slide=19) dafür: ~~~CSS img:not([alt]), img[alt=""]:not([role~="none"]):not([role~="presentation"]):not([aria-label]):not([aria-labelledby]) { ERROR: 'alternate textual representation missing'; outline: var(--error-outline) !important; } :root { --error-color: red; --error-outline-width: 0.5rem; --error-outline-style: solid; --error-outline: var(--error-outline-width) var(--error-outline-style) var(--error-color); } ~~~ LLAP 🖖 -- *„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“* —Kurt Weidemann