Obrazy bez tekstu alternatywnego
Co to oznacza i dlaczego jest ważne
Czytniki ekranu odczytują takie obrazy jako „grafika” albo podają nazwę pliku. Zdjęcia produktów bez alt sprawiają, że sklep jest bezużyteczny dla niewidomych klientów (WCAG 1.1.1).
Jak naprawić
Dodaj krótki tekst alternatywny opisujący funkcję (np. nazwę i kolor produktu). Obrazy dekoracyjne dostają alt="".
Przykład kodu
Przed
<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 -->Znajdź ten błąd na swojej stronie
Przetestuj za darmo dowolną stronę — wynik w kilka sekund, z instrukcjami naprawy.