Kort svar: Landmarks er de semantiske områder, der deler siden op: main, nav, header og footer. Hjælpemidler kan springe direkte mellem dem, som en seende springer med øjnene. Ahorizon giver fuld score ved både main og nav, 60 % ved main alene og nul, hvis begge mangler.
Hvad Ahorizon måler
Kontrollen indgår i ét af tjekkene. Tærsklerne nedenfor er dem, motoren faktisk regner med.
| Tjek | Hvad motoren ser på | Hvornår kontrollen består |
|---|---|---|
| EAA-tjekSemantiske områder | Om siden indeholder et main-element og et nav-element. | Fuld score kræver begge. Kun main giver 60 %. Mangler main, gives nul. |
Sådan ser det ud i koden
Et div med en klasse er usynligt for hjælpemidler. Det semantiske element betyder noget — udseendet ændrer sig ikke.
<div class="nav">…</div>
<div class="content">…</div><nav aria-label="Hovedmenu">…</nav>
<main id="main">…</main>Hvad fundet betyder
- Uden main kan en skærmlæserbruger ikke springe forbi menuen til indholdet og skal høre navigationen igennem på hver side.
- Landmarks er også det, en skip-link peger på. Uden main har genvejen intet mål.
- Et div med en klasse ser ens ud, men findes ikke for hjælpemidler.
Sådan retter du det
- Brug main til sidens hovedindhold — ét pr. side.
- Brug nav til navigation, og giv det et aria-label, hvis der er flere.
- Brug header og footer til de gennemgående områder.
- Undgå at pakke hele siden ind i main. Menuen og sidefoden hører udenfor.
Det kan tjekket ikke afgøre
- Motoren kontrollerer, at elementerne findes. Den vurderer ikke, om indholdet er placeret i det rigtige område.
- Struktur, der først bygges i browseren, ses ikke.
- Landmarks er én af flere navigationsmåder. Overskrifter og tastaturrækkefølge måles hver for sig.