Met duidelijk gemarkeerde koppen een betere structuur en overzicht

Koppen (headings) in vette en grote letters zijn visueel makkelijk te herkennen. Voor iemand die niet (goed) kan zien zijn die koppen alleen met hulptechnologie leesbaar wanneer er markeringen in (technische) code zijn opgenomen. Deze markeringen bieden structuur en overzicht.

Voor webpagina’s zijn er zes kopniveaus, de zogenoemde ‘headings’. In Microsoft Word kan dit met Stijlen, bijvoorbeeld Kop1, Kop2, Kop3, enzovoort. Maar er zijn meer markeringen. Bijvoorbeeld voor lijsten. Of denk aan de invulvelden van formulieren. Ook die hebben betekenisvolle labels (in code) nodig.

Hoe controleer je het?

• Handmatig: door een deskundige en samen met gebruikers.
• Technisch: met meetinstrumenten voor toegankelijkheid.

Resultaat

• Mensen met een visuele beperking kunnen met hulptechnologie snel naar verschillende onderdelen van een pagina navigeren.
• Een structuur met in code gemarkeerde elementen verbetert vindbaarheid door zoekmachines.
• Dankzij betekenisvolle labels in webformulieren weten blinde en slechtziende gebruikers wat ze moeten invullen.

Voorbeelden koppen en lijsten

Deze tip is gebaseerd op de invalshoeken die aan bod komen in de gids Maak open! Deze gids bevat tien oogpunten voor inclusief ontwerpen. Als ontwerper, schrijver of uitgever heb je een eigen invalshoek, jouw lezers hebben die ook.