Co sprawdza ta reguła
Łącza mają odróżniający je tekst.
Dlaczego to ważne
WCAG 2.4.4 i 4.1.2 wymagają, aby linki miały dostępną nazwę opisującą ich cel.
Jak to naprawić
- Znajdź linki bez nazwy. Najczęściej są to ikony lub obrazy wewnątrz tagu <a>.
- Dodaj w linku tekst ukryty wizualnie albo atrybut aria-label, np. aria-label="Instagram" lub aria-label="Cart".
- Jeśli link obejmuje obraz, nadaj zamiast tego obrazowi znaczący tekst alternatywny.
Jak sprawdzić poprawkę
- Przeskanuj ponownie i potwierdź, że błąd link-name zniknął.
- Przy włączonym czytniku ekranu przejdź klawiszem Tab do każdego linku i posłuchaj jego nazwy.
Jak FixReports to wykrywa
Nasz skan uruchamia regułę axe-core link-name w prawdziwej przeglądarce Chrome na każdej testowanej stronie i zgłasza każdy błędny element wraz z podstroną, jego kodem HTML i, tam gdzie ma to zastosowanie, zrzutem ekranu.
Test automatyczny potwierdza, że ten konkretny problem występuje. Nie rozstrzyga, czy reszta strony jest dostępna: niektóre bariery wychodzą na jaw dopiero wtedy, gdy stronę sprawdzi człowiek.