Landmærkenavigation: Sådan springer brugere rundt
Oplev at bevæge Dem fra område til område med en skærmlæser.
Landmærkenavigation: Sådan springer brugere rundt er en gratis Web Accessibility Academy-lektion på CoddyKit. Dette er lektion 4 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Web Accessibility Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Web Accessibility Academy-kurset indeholder 4 lektioner i alt.
Spring, ikke rulning
En seende bruger kaster et blik rundt på en side. En skærmlæserbruger springer i stedet fra område til område ved hjælp af de landmarks, du har defineret.
Genvejen til landmarks
De fleste skærmlæsere har en tast til at gennemgå landmarks. I NVDA springer tasten D til det næste område uden brug af musen.
En liste over områder
Brugere kan også åbne en liste over landmarks, en menu med alle områder på siden, og vælge ét for at springe direkte dertil.
Spring det gentagne over
Den største fordel er at kunne springe over. Brugerne springer forbi det sidehoved og den nav, de allerede har hørt, og lander direkte på nyt indhold.
VoiceOver-rotoren
På en Mac åbner VoiceOver-brugere rotoren og vælger Landmarks for at navigere i dine områder efter navn og rolle.
Hvorfor navne betaler sig
I landmark-listen bliver dine aria-label-værdier til menupunkter, så gode navne er det, der gør det nyttigt at springe rundt.
<nav aria-label="Main">...</nav>Rækkefølgen følger DOM'en
Landmarks besøges i kilderækkefølge, så en logisk HTML-rækkefølge giver alle en logisk rækkefølge, når de springer rundt.
For mange landmarks skader
Hvis hver boks er et område, bliver listen til støj. Brug landmarks til reelle sektioner på siden, ikke til almindelig layout.
Dæk hele siden
Ideelt set ligger alt synligt indhold i et eller andet landmark. Forladt indhold uden for alle områder er sværere at nå ved at springe rundt.
Test det selv
Åbn en skærmlæser, og tryk på landmark-tasten. Hvis du kan springe nemt gennem siden, fungerer dine områder. 🎧
Hurtigere end at tabbe
Det er bedre at springe mellem landmarks end at trykke på Tab snesevis af gange. Få tastetryk erstatter en lang og trættende gennemgang af hvert link.
Hurtigt tjek
Hvad er den største fordel ved landmark-navigation for skærmlæserbrugere?
Opsummering: Spring rundt
Du har lært, hvordan brugere springer mellem landmarks med en tast eller rotor, hvorfor navngivne områder og DOM-rækkefølgen er vigtige, og hvordan du tester med ørerne. 🙌
Lær HTML med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 30
- Lektioner
- 120
Ofte stillede spørgsmål
Er lektionen “Landmærkenavigation: Sådan springer brugere rundt” gratis?
Ja — hele teksten til “Landmærkenavigation: Sådan springer brugere rundt” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Web Accessibility Academy-kurset, skal du opgradere til CoddyKit PRO. Web Accessibility Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Landmærkenavigation: Sådan springer brugere rundt”?
Oplev at bevæge Dem fra område til område med en skærmlæser. Du øver dig i Web Accessibility Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på Web Accessibility Academy?
Der kræves ingen tidligere erfaring. Web Accessibility Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 4 af 4.
Hvor lang tid tager lektionen “Landmærkenavigation: Sådan springer brugere rundt”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne Web Accessibility Academy-lektion?
Ja. Alle Web Accessibility Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- header, nav, main, footer: De fire store
- Placér indhold i main – og kun ét main
- Navngiv flere områder med aria-label
- Landmærkenavigation: Sådan springer brugere rundt