Web Accessibility Academy · Lektion

Landmærkenavigation: Sådan springer brugere rundt

Oplev at bevæge Dem fra område til område med en skærmlæser.

Lektion 4 af 413 trin

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. 🙌

Gratis at komme i gang

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

  1. header, nav, main, footer: De fire store
  2. Placér indhold i main – og kun ét main
  3. Navngiv flere områder med aria-label
  4. Landmærkenavigation: Sådan springer brugere rundt
← Tilbage til Web Accessibility Academy