Obrázky bez alternatívneho textu
Čo to znamená a prečo na tom záleží
Čítačky obrazovky takéto obrázky ohlásia ako „obrázok“ alebo prečítajú názov súboru. Fotky produktov bez alt textu robia e-shop pre nevidiacich zákazníkov nepoužiteľným (WCAG 1.1.1).
Ako opraviť
Doplňte krátky alternatívny text opisujúci účel (napr. názov a farbu produktu). Dekoratívne obrázky dostanú alt="".
Príklad kódu
Pred
<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 -->Nájdite túto chybu na svojom webe
Otestujte zadarmo ľubovoľnú stránku — výsledok za pár sekúnd, s návodom na opravu.