2.4.2 Všetky stránky a kroky sprievodcu majú rovnaký názov

Porušenie sa týka celého webového sídla.

Popis problému:

Element <title> má na každej stránke rovnaký text „Elektronické daňové priznanie“ — na úvodnej stránke, vo všetkých krokoch sprievodcu od príjmov zo živnosti po výpočet dane, v súhrne aj na chybovej stránke 404. Názov sa nastavuje jediný raz v src/pages/_app.tsx a jednotlivé stránky ho nemenia. V HTML, ktoré posiela server, element <title> nie je vôbec, doplní sa až po spustení skriptov.

Príkaz NVDA na oznámenie názvu (NVDA+T) hlási v prvom kroku „Elektronické daňové priznanie — Mozilla Firefox“, rovnako ako na úvodnej stránke.

Dopad:

Názov stránky je prvá informácia, ktorú čítač obrazovky oznámi pri zmene stránky, a zobrazuje sa v karte prehliadača, v histórii a pri prepínaní okien. Používatelia čítačov obrazovky a používatelia s kognitívnym znevýhodnením tak z názvu nezistia, v ktorom kroku sprievodcu sa nachádzajú, ani to, že sa krok zmenil; v histórii prehliadača sú všetky kroky na nerozoznanie.

Závažnosť: stredná — orientácia v procese je sťažená na všetkých stránkach.

Efektívne riešenie:

Pre splnenie kritéria úspešnosti je potrebné, aby každá stránka nastavila jedinečný a výstižný názov, ideálne s poradím kroku, napríklad „Príjmy zo zamestnania – krok 3 z 14 – Daňové priznanie DPFO typ B – priznanie.digital“. V Next.js (Pages Router) sa názov nastavuje komponentom <Head> v každej stránke:

<Head><title>Príjmy zo zamestnania – krok 3 z 14 – priznanie.digital</title></Head>

Pri podkrokoch na tej istej adrese je vhodné aktualizovať aj document.title. Názov je potrebné vykresliť už na serveri, aby bol dostupný hneď po načítaní.