Navigasjon med landemerker: Slik hopper brukerne rundt

En seende bruker kaster et blikk rundt på en side. En skjermleserbruker hopper i stedet fra region til region ved hjelp av landmarker De har definert.

De fleste skjermlesere tilbyr en tast for å gå gjennom landmarker. I NVDA hopper tasten D til neste region uten at musen brukes.

Brukere kan også åpne en liste over landmarker, en meny med alle regionene på siden, og velge én for å hoppe rett dit.

Den store fordelen er at man kan hoppe over innhold. Brukerne hopper forbi header og nav som de allerede har hørt, og kommer rett til nytt innhold.

På en Mac åpner VoiceOver-brukere rotoren og velger Landmarks for å navigere mellom regionene etter navn og rolle.

I denne listen over landmarker blir verdiene fra aria-label menyelementene. Derfor er gode navn det som gjør hopping nyttig.

Landmarker besøkes i kilderekkefølge, så en logisk HTML-rekkefølge gir alle en logisk rekkefølge når de hopper.

Hvis hver boks er en region, blir listen til støy. Bruk landmarker for reelle deler av siden, ikke for generell layout.

Ideelt sett ligger alt synlig innhold i en eller annen landmark. Innhold som står alene utenfor alle regioner, er vanskeligere å nå ved å hoppe.

Åpne en skjermleser og trykk på tasten for landmarker. Hvis De kan hoppe ryddig gjennom siden, fungerer regionene som de skal. 🎧

Det er bedre å hoppe mellom landmarker enn å trykke Tab flere dusin ganger. Noen få tastetrykk erstatter en lang og slitsom gjennomgang av hver lenke.

De har lært hvordan brukere hopper mellom landmarker med en tast eller rotor, hvorfor navngitte regioner og DOM-rekkefølgen er viktige, og hvordan De kan teste ved å lytte. 🙌