Auditér en sides disposition med øret

En strukturgennemgang betyder, at du tjekker overskrifterne på den måde, en skærmlæser viser dem på, helt uden hensyn til visuel styling. 👂

Glem farver og skrifttyper. En ren struktur bør kunne læses som en fornuftig indlejret liste med sektionsoverskrifter, selv uden CSS.

Træk kun dine overskrifter ud i rækkefølge. Hvis listen alene opsummerer siden, fungerer din struktur godt.

Bekræft først, at der præcis er én h1, som navngiver siden. En manglende eller gentaget h1 er den mest almindelige fejl i strukturen.

Gå niveauerne igennem, og hold øje med et spring, f.eks. når h2 går til h4. Hvert spring ned bør gå præcis ét niveau.

Se efter fed tekst, der burde være en overskrift, men er en stylet div. Disse skjulte huller efterlader brugere af skærmlæsere uden vejskilte.

Browserens udviklerværktøjer og udvidelser kan vise en strukturvisning. De viser dine rigtige overskrifter og markerer oversprungne eller manglende niveauer.

Åbn overskriftslisten i NVDA eller VoiceOver. Når du hører din egen side blive læst højt, afsløres forvirring, som ingen diagrammer kan vise. 🔊

En tom overskrift med kun et ikon læses som ingenting og fylder på listen. Giv hver overskrift reel og meningsfuld tekst.

Vage overskrifter som Mere klarer ikke lyttetesten. Hver overskrift bør også uden kontekst fortælle brugeren, hvad sektionen handler om.

Lav et hurtigt strukturtjek af hver side, før du udgiver den. En gennemgang på to minutter fanger strukturfejl, der ellers frustrerer brugerne dag efter dag.

Du har lært at gennemgå strukturen ved at lytte: Bekræft én h1, find oversprungne niveauer, afslør falske overskrifter, og kontrollér formuleringerne med en rigtig skærmlæser. ✅