Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Structuur en leesvolgorde: waarom uiterlijk en code moeten overeenstemmen
Wat optisch als titel, lijst of tabel herkenbaar is, moet ook in de code zo worden aangemerkt. Een vetgezet alinea is voor een schermlezer geen titel, en een met spaties ingerichte opsomming is geen lijst. Daarnaast moet de volgorde in de code de logische leesvolgorde volgen.
- De praktische toetssteen is de titellijst: wie die aanroept, krijgt een inhoudsopgave van de pagina. Ontbreken de titels of zijn die alleen optisch gemaakt, is de lijst leeg — en moet de pagina van boven naar beneden worden doorgehoord.
- De leesvolgorde valt vooral bij moderne indelingen uit elkaar: een element dat per CSS-raster omhoog wordt getrokken, staat in de code lager. Zienden zien het eerst, schermlezer-gebruikers laatst. Onze toetser vergelijkt daarom de visuele met de DOM-volgorde.
- Formuliervelden horen hier ook bij: een invoerveld heeft een programmatisch gekoppeld label nodig. Tekst ernaast die optisch als label lijkt, volstaat niet.