Een paginastructuur auditten op gehoor

Een structuurcontrole betekent dat je koppen controleert zoals een schermlezer ze weergeeft, zonder rekening te houden met visuele opmaak. 👂

Negeer kleuren en lettertypen. Een duidelijke structuur hoort te lezen als een logische geneste lijst met sectietitels, zelfs zonder CSS.

Haal alleen je koppen en zet ze in volgorde. Als die lijst op zichzelf de pagina samenvat, doet je structuur haar werk goed.

Controleer eerst of er precies één h1 is die de pagina benoemt. Een ontbrekende of dubbele h1 is de meest voorkomende fout in een structuur.

Loop de niveaus na en let op een sprong, zoals h2 naar h4. Elke sprong omlaag hoort precies één niveau te zijn.

Zoek naar vette tekst die een kop hoort te zijn maar een opgemaakte div is. Deze verborgen gaten laten gebruikers van schermlezers zonder wegwijzer achter.

Ontwikkelaarstools en extensies van browsers kunnen een structuuroverzicht tonen. Ze geven je echte koppen weer en signaleren overgeslagen of ontbrekende niveaus.

Open de koppenlijst in NVDA of VoiceOver. Als je je eigen pagina hardop hoort voorlezen, merk je verwarring op die geen diagram kan laten zien. 🔊

Een lege kop met alleen een pictogram wordt voorgelezen alsof er niets staat en maakt de lijst onoverzichtelijk. Geef elke kop echte, betekenisvolle tekst.

Vage koppen zoals Meer doorstaan de luistertest niet. Ook zonder context moet elke kop vertellen waar die sectie over gaat.

Voer op elke pagina een snelle controle van de structuur uit voordat je publiceert. Een controle van twee minuten vindt structuurfouten die gebruikers dagelijks frustreren.

Je hebt geleerd op het gehoor te controleren: bevestig één h1, vind overgeslagen niveaus, leg neppe koppen bloot en controleer de formulering met een echte schermlezer. ✅