Obrázky bez alternativního textu
Co to znamená a proč na tom záleží
Čtečky obrazovky takové obrázky ohlásí jako „obrázek“ nebo přečtou název souboru. Fotky produktů bez alt textu dělají e-shop pro nevidomé zákazníky nepoužitelným (WCAG 1.1.1).
Jak opravit
Doplňte krátký alternativní text popisující účel (např. název a barvu produktu). Dekorativní obrázky dostanou alt="".
Příklad kódu
Před
<img src="/img/jacket-blue.jpg">Po
<img src="/img/jacket-blue.jpg" alt="Rain jacket, navy blue, front view">
<img src="/img/divider.svg" alt=""> <!-- decorative -->Najděte tuto chybu na svém webu
Otestujte zdarma libovolnou stránku — výsledek za pár sekund, s návodem k opravě.