Zduplikowany tekst alternatywny

Silktide znajduje obrazy będące linkami, których tekst alternatywny powtarza tekst znajdujący się bezpośrednio obok nich. Gdy obraz i sąsiadujący z nim tekst przekazują tę samą informację, osoby korzystające z czytnika ekranu słyszą te same słowa dwukrotnie.

<!-- Problem: odczytywane jako "Apple Apple" -->
<a href="/apple">
    <img src="apple.png" alt="Apple">
    Apple
</a>

<!-- Naprawiono: pusty atrybut alt, sam tekst określa link -->
<a href="/apple">
    <img src="apple.png" alt="">
    Apple
</a>

Dlaczego to jest ważne

służy do zastępowania obrazu dla osób, które nie mogą go zobaczyć. Gdy identyczne słowa są już wyświetlane obok obrazu, tekst alternatywny niczego nie dodaje — odczytuje „Apple Apple”, co brzmi niepoprawnie i spowalnia odbiór bez żadnej korzyści. Na stronie z kartami produktów lub zajawkami wiadomości takie powtórzenia stają się naprawdę męczące.

Obraz, którego znaczenie w pełni przekazuje sąsiadujący tekst, jest w praktyce i powinien zostać tak oznaczony.

Jak to naprawić

Nadaj obrazowi pusty atrybut alt="", aby go pomijały i odczytywały tylko sąsiadujący tekst, jak w powyższym przykładzie.
Możesz też ukryć obraz za pomocą aria-hidden="true" — jest to przydatne, gdy Twój wymusza wypełnienie atrybutu alt.
Jeśli obraz i tekst są dwoma osobnymi linkami prowadzącymi do tego samego miejsca docelowego, najpierw połącz je w jeden link — zobacz Sąsiadujące linki.

Jak Silktide to testuje

Znajduje każdy obraz znajdujący się wewnątrz linku.
Odczytuje tekst wspomagający obrazu: jego atrybut alt lub aria-label.
Porównuje go z widocznym tekstem elementów bezpośrednio przed i po obrazie.
Zgłasza obraz, gdy oba teksty są dokładnie takie same, bez uwzględniania wielkości liter.

Rozwiązywanie problemów

Pasujący tekst nie jest częścią linku

Porównanie uwzględnia bezpośrednich sąsiadów obrazu, co może obejmować tekst znajdujący się tuż poza linkiem. Dla użytkownika czytnika ekranu poruszającego się po stronie powtórzenie nadal występuje, więc stosuje się te same poprawki.

Teksty nieznacznie się różnią

Zgłaszane są tylko dokładne dopasowania (bez uwzględniania wielkości liter). Prawie identyczne teksty, takie jak „Apple” obok alt="Apple logo", przechodzą tę kontrolę, ale rozważ, czy tekst alternatywny nadal wnosi coś dla słuchającej osoby.