@@pl
Und: Ein textbasiertes Captcha 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 dafür:
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
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann