Puste łącza

Silktide znajduje łącza, które w ogóle nie zawierają tekstu — ani niczego widocznego, ani tekstowej alternatywy. Osoba korzystająca z czytnika ekranu słyszy tylko „łącze” i nie ma możliwości dowiedzieć się, dokąd ono prowadzi.

<!-- Puste: łącze z ikoną bez tekstowej alternatywy -->
<a href="/search"><svg>...</svg></a>

<!-- Poprawione: tekst alternatywny obrazu określa miejsce docelowe -->
<a href="/"><img src="logo.png" alt="Strona główna Example Corp"></a>

<!-- Poprawione: aria-label określa miejsce docelowe -->
<a href="/search" aria-label="Szukaj"><svg>...</svg></a>

Dlaczego to jest ważne

Łącza pozwalają użytkownikom poruszać się po Twojej witrynie, a nie każdy może je zobaczyć. ogłasza każde łącze za pomocą jego tekstu; gdy go nie ma, użytkownik słyszy tylko „łącze” i musi zgadywać albo je pominąć. Wielu niewidomych użytkowników porusza się również po stronie, wyświetlając listę wszystkich łączy — lista nienazwanych pozycji jest bezużyteczna.

Puste łącza zwykle pojawiają się przypadkowo: ikona zastępuje tekst, obraz traci albo edytor pozostawia niepotrzebny znacznik <a>. Wyszukiwarki również nie są w stanie określić, dokąd prowadzi puste łącze.

Jak to naprawić

Jeśli łącze powinno mieć widoczny tekst, dodaj go.
Jeśli łącze jest obrazem, dodaj do niego tekst alternatywny określający miejsce docelowe, na przykład alt="Strona główna Example Corp" dla logo prowadzącego do strony głównej — nie opis obrazu.
Jeśli łącze jest ikoną, dodaj określającą miejsce docelowe lub umieść tekst ukryty wizualnie, ale dostępny dla czytników ekranu.
Jeśli łącze jest pozostałością bez treści i celu, usuń je.

Jak Silktide przeprowadza tę kontrolę

Znajduje każde łącze na każdej stronie, w tym obszary map obrazkowych.
Pomija elementy bez działającego miejsca docelowego łącza.
Odczytuje tekst łącza, w tym tekst alternatywny i tekstowe alternatywy, takie jak aria-label i title, znajdujące się na łączu oraz we wszystkich elementach w jego wnętrzu.
Zgłasza łącze, jeśli nie znajdzie żadnego tekstu.

Rozwiązywanie problemów

Łącze wygląda dobrze na stronie

Łącze może wyglądać poprawnie, mimo że jest puste, ponieważ jego wygląd pochodzi z ikony lub obrazu tła — żaden z nich nie nadaje mu nazwy. Sprawdź źródłowy , aby znaleźć tekstową alternatywę.

Znaczenie ikony jest oczywiste

Tylko dla osób, które ją widzą. Lupa wizualnie oznacza „szukaj”, ale czytnik ekranu nie może opisać obrazów bez tekstowej alternatywy — etykieta musi znajdować się w znacznikach.