Een kop is geen dikgedrukte tekst
Drie van onze tien meest voorkomende fouten zijn hetzelfde misverstand. Los dit op en een flink deel van je bevindingen verdwijnt.
Wat er misgaat
Vet is vet, en verder niets
Dit is de fout die wij het vaakst vinden. Op 68 van de 100 onderzochte sites staat tekst die er als een kop uitziet, de functie van een kop heeft, en in de code geen kop is.
Wie de pagina ziet, herkent een kop aan de vorm: groter, vetter, lucht eromheen. Wie hem laat voorlezen ziet die vorm niet. Een schermlezer leest alleen wat er in de code staat, en daar is vet gewoon vet.
Dat heeft een gevolg dat verder gaat dan netheid. Iemand die blind is vraagt vaak eerst een lijst van alle koppen op, zoals jij met je ogen over een pagina springt om te zien wat er staat. Zijn je koppen geen koppen, dan is die lijst leeg en moet hij je hele pagina van voor naar achter afluisteren.
Drie van onze tien meest voorkomende fouten zijn dit ene misverstand. Koppen die geen kop zijn (68%), lijstjes die geen lijst zijn (57%), en de omgekeerde fout: tekst die kop is gemaakt om groter te lijken (37%). Los je dit op, dan verdwijnt een flink deel van je bevindingen in één keer.
Wat je doet
In het tekstcomponent
In PRO maak je koppen en lijsten met de knoppen in de werkbalk van het tekstcomponent, niet met opmaak.
- Gebruik de kopniveaus. Kies Kop 2 voor een hoofdstuk en Kop 3 voor een onderdeel daarbinnen. Maak een tussenkop nooit met vet.
- Sla geen niveau over. Na een Kop 2 komt een Kop 3, niet meteen een Kop 4. De h1 is de paginatitel; die zet PRO voor je.
- Gebruik de opsommingsknop. Typ geen streepjes, sterretjes of bolletjes aan het begin van een regel. Een schermlezer kondigt een echte lijst aan met het aantal items erbij.
- Maak geen kop van iets dat geen kop is. Wil je een regel laten opvallen, gebruik dan vet of een uitgelicht blok. Een kop belooft dat er een stuk tekst onder hangt.
Zelf nakijken
Twee minuten werk
Zet in de editor de opmaakweergave aan en loop je pagina langs. Staat er boven elke tussenkop ook werkelijk "Kop 2" of "Kop 3"?
Of doe het in de browser, op de gepubliceerde pagina: druk op Ctrl+F (op een Mac Cmd+F), zoek je tussenkop op, en kijk of hij in de inhoudsopgave van je browser of in een koppenoverzicht verschijnt. Verschijnt hij niet, dan is het geen kop.
Een contactblok telt ook. Wij vonden op een site een e-mailadres en een telefoonnummer onder elkaar. Voor het oog één lijstje; in de code twee losse lijsten van elk één regel. Voorleessoftware kondigt dan twee keer "lijst met 1 item" aan.
Heb je nog vragen?
Kom je er niet uit, of klopt iets niet met wat jij op je scherm ziet? Laat het weten.