Tytuły stron i nagłówki: mapa serwisu dla osoby niewidomej
Czego wymagają kryteria
Kryterium 2.4.2 wymaga, aby każda strona miała tytuł opisujący jej temat lub cel. Kryterium 1.3.1 wymaga, aby struktura treści, w tym nagłówki, była zapisana w kodzie, a nie tylko widoczna wizualnie.
Jak korzysta z tego osoba niewidoma
Tytuł strony jest pierwszą rzeczą, jaką ogłasza czytnik ekranu po wejściu. Przy kilkunastu otwartych kartach to jedyny sposób odróżnienia ich od siebie. Nagłówki z kolei służą do nawigacji: czytniki ekranu mają skrót wywołujący listę nagłówków, który działa jak spis treści. Strona bez nagłówków to dla takiej osoby ściana tekstu bez punktów zaczepienia.
Dobre i złe tytuły
Tytuł zaczynaj od tego, co wyróżnia daną podstronę, a nazwę firmy dawaj na końcu. Przy odczycie liczy się pierwsze słowo.
<!-- źle: identyczne na każdej podstronie --> <title>Sklep Przykład - strona główna</title> <!-- dobrze --> <title>Koszyk. Sklep Przykład</title> <title>Kurtka przeciwdeszczowa Alpina. Sklep Przykład</title>
Zdublowane tytuły najczęściej biorą się z szablonu, który nie podstawia nazwy podstrony. Nasze badanie wykrywa takie duplikaty i wypisuje, na których adresach występują.
Hierarchia nagłówków
Zasady są trzy. Jeden nagłówek pierwszego poziomu na stronę, opisujący jej treść. Bez przeskakiwania poziomów, czyli po h2 następuje h3, a nie h4. Nagłówek oznacza początek sekcji, a nie fragment tekstu, który ma być większy.
<h1>Kurtka przeciwdeszczowa Alpina</h1>
<h2>Opis produktu</h2>
<h2>Parametry</h2>
<h3>Materiał</h3>
<h2>Opinie klientów</h2>
Jeżeli tekst ma być większy, ale nie zaczyna sekcji, ustaw to stylem, a nie nagłówkiem. Odwrotnie też: nagłówek, który wizualnie ma być mały, nadal powinien być nagłówkiem.