Revider en sidedisposisjon ved å lytte
Oppdag ødelagt struktur slik en skjermleser avslører den.
Revider en sidedisposisjon ved å lytte er en gratis leksjon i Web Accessibility Academy på CoddyKit. Dette er leksjon 4 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Web Accessibility Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Web Accessibility Academy inneholder totalt 4 leksjoner.
Lytt til strukturen
En outline audit betyr å kontrollere overskriftene slik en skjermleser viser dem, uten å ta hensyn til visuell stilsetting. 👂
Fjern stilene
Glem farger og skrifttyper. En ryddig outline bør leses som en fornuftig nøstet liste med seksjonstitler, selv helt uten CSS.
Les bare overskriftene
Trekk ut bare headings i riktig rekkefølge. Hvis denne listen alene oppsummerer siden, gjør strukturen jobben sin godt.
Kontroller den ene h1-en
Bekreft først at det finnes nøyaktig én h1 som navngir siden. En manglende eller duplisert h1 er den vanligste feilen i strukturen.
Let etter hopp
Gå gjennom nivåene og se etter et skip, for eksempel at h2 hopper til h4. Hvert hopp ned bør være nøyaktig ett nivå.
Finn de falske
Se etter fet tekst som burde vært en overskrift, men som er en stilsettet div. Disse skjulte hullene lar skjermleserbrukere stå uten veivisere.
Bruk inspektøren
Nettleserens utviklerverktøy og utvidelser kan vise en outline-visning. De lister opp de ekte overskriftene og markerer nivåer som er hoppet over eller mangler.
Prøv en ekte skjermleser
Åpne headings list i NVDA eller VoiceOver. Når De hører Deres egen side bli lest opp, blir forvirring tydelig på en måte ingen diagrammer kan vise. 🔊
Se etter tomme overskrifter
En empty heading som bare inneholder et ikon, leses som ingenting og fyller opp listen. Gi hver overskrift ekte og meningsfull tekst.
Vurder formuleringene
Utydelige headings som «Mer» består ikke lyttetesten. Hver overskrift bør, også uten sammenheng, fortelle brukeren hva seksjonen handler om.
Gjør det til en vane
Utfør en rask outline-kontroll av hver side før publisering. En gjennomgang på to minutter avdekker strukturfeil som frustrerer brukerne hver dag.
Hurtigsjekk
Hvilket funn under en kontroll viser at overskriftsstrukturen er ødelagt?
Oppsummering
De har lært å kontrollere ved å lytte: bekrefte én h1, oppdage hoppede nivåer, avsløre falske overskrifter og kontrollere formuleringene med en ekte screen reader. ✅
Lær deg HTML med en AI-veileder – gratis
Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.
- Kurs
- 30
- Leksjoner
- 120
Ofte stilte spørsmål
Er leksjonen «Revider en sidedisposisjon ved å lytte» gratis?
Ja – hele teksten i «Revider en sidedisposisjon ved å lytte» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av Web Accessibility Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i Web Accessibility Academy inneholder totalt 4 leksjoner.
Hva lærer jeg i «Revider en sidedisposisjon ved å lytte»?
Oppdag ødelagt struktur slik en skjermleser avslører den. Du øver på Web Accessibility Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.
Trenger jeg erfaring for å begynne med Web Accessibility Academy?
Ingen tidligere erfaring er nødvendig. Web Accessibility Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 4 av 4.
Hvor lang tid tar leksjonen «Revider en sidedisposisjon ved å lytte»?
De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.
Kan jeg skrive og kjøre kode i denne Web Accessibility Academy-leksjonen?
Ja. Alle Web Accessibility Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.
Alle leksjonene i dette kurset
- Én h1 per side: Gi hovedtemaet et navn
- Nestingsnivåer uten å hoppe over nivåer
- Overskrifter er navigasjon, ikke bare stor tekst
- Revider en sidedisposisjon ved å lytte