- Poziom
- A
- Od wersji
- WCAG 2.0
- Pozycje
- 8 / 193
2.4.2 Tytuł strony
Każda strona potrzebuje tytułu, który mówi, czym jest, bo to właśnie odczytuje czytnik ekranu i pokazuje karta przeglądarki.
/ Czego wymaga
Element title w sekcji head dokumentu to pierwsza rzecz, którą czytnik ekranu odczytuje po wczytaniu strony, a zarazem etykieta karty przeglądarki, zakładki, wpisu w historii i wyniku wyszukiwania. Osoba, która nie może rzucić okiem na ekran, na nim polega, żeby upewnić się, że trafiła we właściwe miejsce, i żeby odróżnić od siebie kilka otwartych kart. Osobom z trudnościami z pamięcią lub uwagą tytuł pomaga wrócić tam, gdzie były.
Strona spełnia kryterium, gdy ma tytuł opisujący jej temat albo cel. WCAG nie określa długości ani formatu. Tytuł, którego brakuje, który jest pusty, jest pozostałością w rodzaju Bez tytułu albo nazwą pliku, albo jest identyczny na każdej stronie serwisu, niczego nie opisuje i kryterium nie spełnia. Umieszczenie najpierw części właściwej dla strony, a po niej nazwy serwisu to zalecana praktyka, nie wymaganie kryterium.
/ Jak strony go nie spełniają
- W sekcji head nie ma elementu title, więc przeglądarka pokazuje na karcie adres URL.
- Element title istnieje, ale jest pusty.
- Każda strona ma ten sam tytuł, zwykle samą nazwę organizacji.
- Tytuł to pozostałość po szablonie, na przykład Bez tytułu, Strona główna albo Nowa strona.
- Aplikacja jednostronicowa zmienia widok bez aktualizacji document.title, więc tytuł opisuje stronę, którą użytkownik już opuścił.
/ Jak sprawdzić samodzielnie
- Otwórz stronę i przeczytaj napis na karcie przeglądarki albo najedź na nią, żeby zobaczyć pełny tekst. Porównaj go z tym, o czym jest strona.
- Otwórz w kartach trzy lub cztery różne strony serwisu i sprawdź, czy da się je odróżnić po samych kartach.
- W konsoli DevTools wpisz document.title, żeby zobaczyć dokładny tekst, także w widokach wczytanych bez pełnego przeładowania strony.
- Uruchom darmowy czytnik ekranu, na przykład NVDA, i wczytaj stronę: tytuł jest odczytywany jako pierwszy, a Insert+T go powtarza.
/ Jak to naprawić
- Dodaj na każdej stronie jeden element title w sekcji head, z tekstem, który nazywa właśnie tę stronę.
- Pisz najpierw część unikalną, a potem nazwę serwisu, na przykład Kontakt - Biblioteka Miejska, żeby różnicę było słychać od razu i żeby zmieściła się na wąskiej karcie.
- W aplikacji jednostronicowej ustawiaj document.title przy każdej zmianie trasy.
- W formularzach wieloetapowych i wynikach wyszukiwania wpisz do tytułu etap albo zapytanie, na przykład Krok 2 z 4 albo Wyniki dla: zezwolenie na parkowanie.
- Nadaj plikom PDF tytuł we właściwościach dokumentu i ustaw plik tak, by wyświetlał ten tytuł zamiast nazwy pliku.
/ Co sprawdza nasz skaner
Braku tytułu szukają trzy testy. page-no-title odczytuje document.title na wyrenderowanej stronie i zgłasza go, gdy jest pusty. Reguła H25.1 z HTML_CodeSniffer zgłasza sekcję head bez elementu title, a reguła document-title z axe-core zgłasza dokument bez niepustego tytułu. Żaden z nich nie oceni, czy słowa opisują stronę ani czy wszystkie strony serwisu mają ten sam tytuł.
/ Kto je łamie, według naszych pomiarów
| Podmiot | Sektor | Wystąpienia | Wynik |
|---|---|---|---|
| Narodowy Bank Polski | government · PL | 3 | 23 |
| Łódź | city · PL | 3 | 3 |
| Sejm RP | government · PL | 2 | 9 |
| Krajowa Administracja Skarbowa | government · PL | 1 | 5 |
| Kraków | city · PL | 1 | 12 |
| Najwyższa Izba Kontroli | government · PL | 1 | 41 |
| New York Public Library | culture · US | 1 | 23 |
| Sąd Najwyższy | government · PL | 1 | 14 |
Jedna strona na podmiot, mierzona automatycznie w tygodniowym cyklu. Jeśli podmiot coś naprawił od ostatniego pomiaru, zmiana będzie widoczna przy następnym, a każdy podmiot może odpowiedzieć na swojej stronie.
/ Pytania o to kryterium
Czym różni się element title od nagłówka h1?
Element title znajduje się w sekcji head, nie jest pokazywany w treści strony i podpisuje kartę, zakładkę oraz wynik wyszukiwania. Nagłówek h1 to widoczny główny nagłówek w treści. Kryterium 2.4.2 dotyczy elementu title. Oba zwykle mówią podobne rzeczy, ale tytuł często zawiera jeszcze nazwę serwisu, której h1 nie potrzebuje.
Jak długi powinien być tytuł strony?
WCAG nie podaje limitu. Wymaga, by tytuł opisywał temat albo cel strony. W praktyce najlepiej sprawdza się krótki tytuł ze słowami właściwymi dla strony na początku, bo czytnik ekranu czyta go za każdym razem od początku, a karta przeglądarki ucina wszystko, co się nie mieści.
Czy dwie strony mogą mieć ten sam tytuł?
Kryterium nie zakazuje tego wprost, ale każdy tytuł ma opisywać swoją stronę, a dwie różne strony rzadko mają ten sam temat albo cel. Gdy wszystkie strony mają jeden tytuł, na przykład nazwę firmy, żadna z nich nie jest opisana i żadna nie spełnia kryterium. Dodaj do każdej część właściwą dla tej strony.