Elementy aktywne <area> muszą mieć tekst alternatywny.

Po co jest to sprawdzenie

Osoby korzystające z czytnika ekranu często wyświetlają listę wszystkich linków na stronie. Lista dziewięciu pozycji „Czytaj więcej” jest bezużyteczna.

Co zwykle je wywołuje

• błądPowtarzające się linki „Czytaj więcej” albo „Kliknij tutaj”.
• błądLink owinięty wokół obrazu bez tekstu alternatywnego — odczytywany jest jako adres.
• błądPusta kotwica użyta jako zaczep dla JavaScriptu.

Jak to naprawić

• róbWpisz cel w link: „Przeczytaj poradnik o EAA”.
• róbJeśli widoczny tekst musi zostać krótki, dodaj pełny przez `aria-label` — i zadbaj, żeby widoczne słowa w nim wystąpiły (patrz 2.5.3).

Jak to jest raportowane

A11ySignal zgłasza to z wagą krytyczny. Każdy błędny element ma swój selektor CSS i kod, który zawiódł, więc trafisz prosto do właściwej linii, zamiast jej szukać. Deque publikuje szczegóły na poziomie silnika:

https://dequeuniversity.com/rules/axe/4.13/area-alt ↗

Sprawdzenie zaimplementowane w axe-core 4.13.0, © Deque Systems, MPL-2.0.

Inne sprawdzenia dla 2.4.4