Geschreven door

Toegankelijkheid begint bij gewone aandacht

Niet iedereen gebruikt een website op dezelfde manier. Iemand navigeert met toetsenbord, vergroot sterk, gebruikt een schermlezer of heeft tijdelijk moeite met een muis. Een toegankelijke website zorgt ervoor dat die bezoeker informatie kan vinden en een actie kan uitvoeren. WCAG geeft daarvoor richtlijnen, maar de Websheriff begint liever bij de praktijk: kan een echt mens begrijpen, lezen en bedienen wat je hebt gemaakt?

Dit is niet alleen relevant voor organisaties met een wettelijke verplichting. Heldere structuren, betere contrasten en foutloze formulieren helpen ook mobiele bezoekers, oudere gebruikers en mensen in een zonnige trein. Toegankelijkheid is kwaliteitswerk dat een groter publiek bereikt.

Gebruik een logische structuur

Een pagina heeft één duidelijke hoofdtitel en tussenkoppen in een logische volgorde. Sla niet van h2 naar h4 omdat dat er visueel mooier uitziet. Schermlezers gebruiken koppen als een inhoudsopgave; een correcte structuur helpt hen snel door de pagina. Gebruik daarnaast echte lijsten voor opsommingen en echte knoppen voor acties, niet een opgemaakte div die alleen met een muis reageert.

Gebruik koppen om inhoud te structureren, niet om tekst groot te maken.
Schrijf linkteksten die hun bestemming verklaren.
Geef afbeeldingen betekenisvolle alt-tekst als de inhoud dat vraagt.
Markeer decoratieve afbeeldingen als decoratief.

HTML is geen saaie technische laag onder het ontwerp. Correcte semantiek is de basis waarop hulpmiddelen en browsers kunnen samenwerken.

Toetsenbordgebruik is een eerlijke test

Probeer je site eens zonder muis. Met Tab moet de focus in een logische volgorde langs menu, links, formulieren en knoppen gaan. Je moet altijd kunnen zien waar die focus staat. Een subtiel randje dat op een donkere achtergrond verdwijnt is niet genoeg. Kun je een menu openen, een modal sluiten en een formulier versturen zonder vast te lopen?

Maak vooral complexe onderdelen niet onnodig slim. Een custom dropdown of carrousel heeft veel interacties die goed moeten worden gebouwd. Een standaard select of eenvoudige inhoud werkt vaak beter. Als je toch maatwerk gebruikt, test dan vroeg met toetsenbord en eventueel een schermlezer.

Contrast en tekst moeten leesbaar blijven

Lage contrasten zijn een veelgemaakte ontwerpkeuze die in werkelijkheid mensen buitensluit. Controleer tekst tegen zijn achtergrond, ook bij tekst over fotografie, hoverstaten en foutmeldingen. Kleur mag nooit de enige manier zijn waarop je een status communiceert. Een rood veld moet bijvoorbeeld ook een duidelijke fouttekst en eventueel een icoon hebben.

Laat bezoekers tekst vergroten zonder dat inhoud wegvalt of horizontaal onbruikbaar wordt. Gebruik voldoende regelafstand en klikvlakken die niet te klein zijn. Een moderne, compacte uitstraling is mogelijk, maar niet wanneer leesbaarheid daarvoor moet wijken.

Formulieren verdienen extra zorg

Een label boven of naast ieder invoerveld is noodzakelijk; placeholdertekst is geen vervanging. Leg bij moeilijke velden uit welk formaat je verwacht. Na een fout moet de gebruiker begrijpen wat er misging en hoe het beter kan. Zet fouten bij het veld én geef bovenaan een samenvatting wanneer het formulier langer is.

Gebruik geen CAPTCHA die alleen met zicht of motoriek op te lossen is zonder alternatief. Vraag ook alleen gegevens die je nodig hebt. Een kort, begrijpelijk formulier is meestal toegankelijker én converterender dan een lange intake op het verkeerde moment.

Maak toegankelijkheid onderdeel van het proces

Een automatische scanner vindt nuttige technische signalen, maar niet of een tekst begrijpelijk is of een proces logisch voelt. Combineer tools met handmatig testen. Neem toegankelijkheid mee in ontwerp, content, development en acceptatie. Dan voorkom je dure reparaties nadat alles al is gebouwd.

Begin met de pagina’s en processen met de hoogste waarde: contact, aanvraag, inloggen, betalen en belangrijke dienstinformatie. Verbeter stap voor stap en leg keuzes vast. Toegankelijkheid is geen eenmalig certificaat, maar een manier van zorgvuldig publiceren.