Brakujący identyfikator aria-details
Silktide sprawdza każdy atrybut aria-details na Twoich stronach i weryfikuje, czy identyfikator elementu, na który wskazuje, faktycznie istnieje. Ten atrybut łączy element z pełniejszym wyjaśnieniem znajdującym się w innym miejscu na stronie, na przykład wykres z tabelą zawierającą dane źródłowe.
<!-- Problem: żaden element na stronie nie ma id="sales-table" -->
<img src="chart.png" alt="Sprzedaż według kwartałów" aria-details="sales-table">
Dlaczego to jest ważne
Atrybut aria-details obiecuje użytkownikom bardziej rozbudowany opis, do którego mogą przejść — pełne dane stojące za wykresem, warunki kryjące się za podsumowaniem. Gdy odwołanie jest nieprawidłowe, informuje, że szczegóły istnieją, ale nie może przenieść użytkownika w żadne miejsce, co jest bardziej dezorientujące niż całkowity brak szczegółów.
Jak to naprawić
- Ustaw, aby atrybut odwoływał się do
idrzeczywistego elementu na tej samej stronie, najlepiej widocznego, aby każdy użytkownik mógł do niego dotrzeć. - Jeśli szczegółowa treść została usunięta, usuń wraz z nią atrybut
aria-details. - W przypadku krótkiego opisu tekstowego zamiast rozbudowanej treści rozważ użycie
aria-describedby, które odczytuje tekst bezpośrednio.
Jak Silktide to testuje
- Znajdź każdy element na stronie z atrybutem
aria-details. - Sprawdź identyfikator, do którego się odwołuje, względem identyfikatorów elementów obecnych na stronie.
- Zgłoś każde odwołanie, które nie odpowiada żadnemu elementowi.