1.3.1 Navigačné oblasti nie sú pomenované a na širokej obrazovke chýba oblasť hlavičky

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

Popis problému:

Na širokej obrazovke (od 1024 CSS pixelov) je logo a hlavná navigácia v bočnom paneli <div class="hidden lg:fixed …">, ktorý nie je označený ako <header>, a navigácia <nav> v ňom nemá prístupný názov. Na stránke „Používateľská príručka“ je druhá, rovnako nepomenovaná <nav> s odkazmi na kapitoly, takže čítač obrazovky ponúkne dve oblasti „navigácia“ bez rozlíšenia. V mobilnom zobrazení je hlavička naopak označená správne (<header>, aria-label na <nav>). Chýbajúci element <main> a odkaz na preskočenie obsahu sú nahlásené v GitHub issue #304 a toto zistenie ich neopakuje.

Dopad:

Používatelia čítačov obrazovky, ktorí sa pohybujú po orientačných oblastiach, nevedia rozlíšiť hlavnú navigáciu od obsahu príručky a na počítači nenájdu oblasť hlavičky s logom.

Závažnosť: nízka — navigácia je dostupná, chýba iba jej rozlíšenie.

Efektívne riešenie:

Pre splnenie kritéria úspešnosti je potrebné bočný panel obaliť elementom <header> a navigačné oblasti pomenovať, napríklad <nav aria-label="Hlavná navigácia"> (rovnako ako v mobilnej hlavičke) a <nav aria-label="Obsah príručky">.