Linki bez czytelnej nazwy
Co to oznacza i dlaczego jest ważne
Linki-ikony (koszyk, media społecznościowe, logo) bez tekstu są odczytywane tylko jako „link”. Nie wiadomo, dokąd prowadzą (WCAG 2.4.4, 4.1.2).
Jak naprawić
Dodaj widoczny tekst lub aria-label, np. aria-label="Koszyk". W linkach-obrazach nadaj obrazowi sensowny alt.
Przykład kodu
Przed
<a href="/cart"><svg class="icon-cart"></svg></a>Po
<a href="/cart" aria-label="Shopping cart (2 items)"><svg class="icon-cart" aria-hidden="true"></svg></a>Znajdź ten błąd na swojej stronie
Przetestuj za darmo dowolną stronę — wynik w kilka sekund, z instrukcjami naprawy.