SEOMaster
Drzewo dostępności (a11y) (a11y)
Struktura strony widziana przez czytniki ekranu.
Co to jest Drzewo dostępności (a11y)?
Drzewo dostępności (a11y tree) to uproszczona struktura strony, którą przeglądarka buduje z DOM-u i ról ARIA — to ona jest „odczytywana” przez czytniki ekranu i inne technologie asystujące. Decyduje, jak osoba niewidoma „słyszy” stronę.
Dobrze zbudowany HTML (nagłówki, etykiety, role) daje sensowne drzewo dostępności niemal za darmo; chaotyczny markup czyni stronę trudną lub niemożliwą do obsługi bez wzroku.
Dlaczego to ważne dla SEO
To drzewo decyduje o realnej dostępności strony. Wizualnie ładny interfejs może być całkowicie nieczytelny dla czytnika ekranu, jeśli drzewo dostępności jest popsute.
Jak to sprawdzić
Narzędzia deweloperskie przeglądarki mają podgląd „Accessibility tree”. Najpewniej zweryfikujesz go, słuchając strony czytnikiem ekranu.
Częste błędy
- Klikalne elementy bez ról i etykiet (niewidoczne dla czytnika)
- Kolejność wizualna inna niż logiczna w DOM
- Ukrywanie treści w sposób mylący technologie asystujące
Przykład
DOM + role ARIA → drzewo dostępności → czytnik ekranu