Dlaczego czytnik ekranu nie czyta prawidłowo nagłówków na mojej stronie

Nagłówki brakują lub znajdują się w niewłaściwej kolejności

Czytnik ekranu zwykle nie rozpoznaje nagłówków na stronie, ponieważ są one sformatowane wizualnie jako nagłówki — większy rozmiar, pogrubienie, inna kolor — ale nie są kodowane jako nagłówki. Czytnik ekranu odczytuje podstawową strukturę strony, a nie jej wygląd. Jeśli słowo jest wyświetlane dużymi pogrubionymi literami, ale w kodzie nie ma elementu nagłówka (takiego jak h1, h2 lub h3), czytnik ekranu widzi jedynie zwykły wiersz tekstu i nie informuje o nagłówku. Użytkownik poruszający się za pomocą klawiatury od nagłówka do nagłówka w celu szybkiej nawigacji całkowicie pomija ten tekst w swoim przeglądzie.

Również błędna kolejność nagłówków jest powszechną przyczyną problemów. Strona, która przechodzi bezpośrednio z h1 na h4 lub zawiera h3 powyżej h2, daje czytnikowi ekranu zniekształcony obraz struktury zawartości — niektórzy użytkownicy oczekują hierarchii logicznej, aby określić, czy chcą otworzyć czy pominąć sekcję. Ten problem nie jest oddzielony od innych błędów strukturalnych na stronie: podobne problemy pojawiają się w polach formularza, które nie są prawidłowo odczytywane oraz w przeskakiwaniu fokusu podczas nawigacji za pomocą klawiatury. We wszystkich przypadkach chodzi o to samo jądro: wizualna reprezentacja jest prawidłowa, ale podstawowy kod, którego używa czytnik ekranu, nie jest.

Gdzie znajduje się to w WCAG: informacje i relacje

To, że struktura musi być programowo rozpoznawalna — czyli w kodzie, a nie tylko wizualnie — wynika z kryterium sukcesu dotyczącego informacji i relacji w WCAG 2.1, wytycznych, na których EN 301 549 jest praktycznie oparte. To, czy nagłówki są faktycznie kodowane jako nagłówki i znajdują się w logicznej kolejności, to coś, co zautomatyzowana kontrola w dużej mierze może wykryć; co może znaleźć skan automatyczny, a czego nie jest przy tym istotnym rozróżnieniem, ponieważ skan może widzieć obecność elementów nagłówka, ale nie zawsze może ocenić, czy wybrana organizacja jest również logiczna dla użytkownika.