Tekst alternatywny obrazu w odnośniku
Silktide znajduje odnośniki zawierające obraz, ale niemające żadnego czytelnego tekstu. Taki odnośnik nie ma nazwy, więc osoby, które nie widzą obrazu, nie mogą dowiedzieć się, dokąd prowadzi.
<!-- Problem: odnośnik nie ma dostępnej nazwy -->
<a href="/apple">
<img src="apple.png">
</a>
<!-- Naprawiono: tekst alternatywny nazywa odnośnik -->
<a href="/apple">
<img src="apple.png" alt="Czerwone jabłko">
</a>
Dlaczego to ważne
Gdy jedyną zawartością odnośnika jest obraz, obrazu staje się nazwą odnośnika. Bez niego ogłasza coś w rodzaju „odnośnik” albo odczytuje docelowy adres URL lub nazwę pliku obrazu — żadne z nich nie informuje, dokąd prowadzi odnośnik. Nawigacja zbudowana z odnośników obrazkowych, takich jak logo i menu ikon, staje się zgadywanką.
Dotyczy to również użytkowników klawiatury i sterowania głosowego: odnośnik bez nazwy trudno wskazać poleceniami głosowymi i nie ma on znaczenia na liście odnośników.
Jak to naprawić
- Dodaj do obrazu tekst alternatywny opisujący cel odnośnika — dokąd prowadzi lub co robi — zamiast opisywać wygląd obrazu. W przypadku logo będącego odnośnikiem lepsze będzie „Strona główna” lub nazwa organizacji niż „logo”.
- Możesz też dodać widoczny tekst wewnątrz odnośnika obok obrazu; obraz może wtedy mieć pusty atrybut
alt="". - Napraw szablony w swoim , jeśli ten sam nieopisany odnośnik z ikoną powtarza się na wielu stronach.
Jak Silktide to testuje
- Znajduje każdy obraz znajdujący się wewnątrz odnośnika, pomijając odnośniki ukryte przed czytnikami ekranu.
- Odczytuje cały tekst udostępniany przez odnośnik , w tym tekst alternatywny wszystkich elementów w jego wnętrzu.
- Zgłasza obraz, gdy ten połączony tekst nie zawiera liter ani cyfr, przez co odnośnik nie ma użytecznej nazwy.
W przeciwieństwie do innych kontroli tekstu alternatywnego pusty atrybut alt="" nie powoduje tutaj zaliczenia kontroli: jeśli obraz jest jedyną zawartością odnośnika, oznaczenie go jako dekoracyjnego pozostawia odnośnik bez nazwy.
Rozwiązywanie problemów
Obraz jest dekoracyjny
W odnośniku bez innego tekstu obraz nie może być traktowany jako wyłącznie — coś musi nazwać odnośnik. Nadaj obrazowi tekst alternatywny opisujący miejsce docelowe albo dodaj do odnośnika widoczny tekst.
Odnośnik ma etykietę nadaną w inny sposób
Ta kontrola odczytuje tekst i tekst alternatywny wewnątrz odnośnika. Jeśli Twój odnośnik ma nazwę nadaną w inny sposób i potwierdzono, że jest poprawnie ogłaszany przez czytnik ekranu, możesz wynik.