Audytowanie konspektu strony ze słuchu

Audyt struktury polega na sprawdzeniu nagłówków w sposób, w jaki udostępnia je czytnik ekranu, całkowicie pomijając wygląd wizualny. 👂

Nie przejmuj się kolorami i czcionkami. Przejrzysta struktura powinna wyglądać jak logiczna zagnieżdżona lista tytułów sekcji, nawet bez żadnego CSS.

Wyodrębnij same nagłówki w kolejności ich występowania. Jeśli sama ta lista podsumowuje stronę, struktura spełnia swoje zadanie.

Najpierw potwierdź, że istnieje dokładnie jeden element h1, który nazywa stronę. Brakujący lub zduplikowany h1 to najczęstsza wada struktury.

Przejdź przez poziomy i szukaj pominięcia, na przykład przejścia z h2 do h4. Każde zejście w dół powinno obejmować dokładnie jeden poziom.

Szukaj pogrubionego tekstu, który powinien być nagłówkiem, ale jest ostylowanym elementem div. Takie ukryte luki pozbawiają użytkowników czytników ekranu drogowskazów.

Narzędzia deweloperskie przeglądarki i rozszerzenia mogą wyświetlić widok struktury. Pokazują prawdziwe nagłówki i wskazują pominięte lub brakujące poziomy.

Otwórz listę nagłówków w programie NVDA lub VoiceOver. Usłyszenie własnej strony odczytywanej na głos ujawnia niejasności, których nie pokaże żaden diagram. 🔊

Pusty nagłówek zawierający tylko ikonę zostanie odczytany jako pusty i zaśmieci listę. Każdemu nagłówkowi nadaj prawdziwy, znaczący tekst.

Niejasne nagłówki, takie jak „Więcej”, nie przechodzą testu słuchowego. Każdy nagłówek powinien sam, bez kontekstu, mówić użytkownikowi, czego dotyczy dana sekcja.

Przed opublikowaniem każdej strony wykonuj szybkie sprawdzenie struktury. Dwuminutowy przegląd pozwala wykryć błędy, które codziennie frustrują użytkowników.

Jaki wynik audytu wskazuje na uszkodzoną strukturę nagłówków?

Dowiedziałeś się, jak przeprowadzać audyt słuchowy: potwierdzać obecność jednego h1, wykrywać pominięte poziomy, ujawniać fałszywe nagłówki i weryfikować sformułowania za pomocą prawdziwego czytnika ekranu. ✅