Een toegankelijke website is geen aparte versie voor een kleine groep bezoekers. Het is een website die ook blijft werken wanneer iemand geen muis gebruikt, tekst sterk vergroot, kleuren minder goed ziet of voorleessoftware inzet. Dat klinkt technisch, maar een eerste controle hoeft dat niet te zijn. Met je browser, je toetsenbord en wat aandacht kun je al verrassend veel drempels vinden.

Deze gids is bedoeld voor redacteuren, ontwerpers en ondernemers die hun eigen site willen nalopen. Je krijgt geen certificaat en vervangt geen grondige audit, maar je ziet wel waar het dagelijks gebruik stokt. Pak één belangrijke pagina, bijvoorbeeld je homepage of contactpagina, en voer de stappen rustig na elkaar uit. Noteer wat je tegenkomt; probeer niet alles tegelijk te herstellen.

Begin bij echt gebruik, niet bij een lange normlijst

Toegankelijkheidsregels zijn waardevol, maar een normnummer vertelt niet altijd hoe een probleem voelt. Start daarom met taken. Kan iemand een artikel vinden, een formulier versturen en terugkeren naar de homepage? Kies drie handelingen die voor jouw site belangrijk zijn en doorloop ze onder verschillende omstandigheden.

Kies de pagina's met het meeste gewicht

Je hoeft niet meteen iedere archiefpagina te openen. Begin bij de routes die bezoekers nodig hebben om hun doel te bereiken. Denk aan de homepage, een veelgelezen artikel, een overzichtspagina en een formulier. Neem ook een foutmelding mee, want juist daar ontstaan vaak onduidelijke situaties.

Schrijf per pagina één zin op over het gewenste resultaat. Bijvoorbeeld: “Een bezoeker kan een artikel vinden en begrijpen waar het over gaat.” Zo voorkom je dat de controle alleen over losse kleuren en knoppen gaat. De samenhang blijft zichtbaar.

Een kleine startset

  • De homepage en de belangrijkste navigatie.
  • Een artikel met koppen, links en een afbeelding.
  • Een formulier, inclusief foutmelding en bevestiging.
  • Een overzicht met meerdere vergelijkbare items.

Test de hele route zonder muis

Leg je muis opzij en gebruik alleen de Tab-toets. Met Shift en Tab ga je terug. Enter activeert meestal een link of knop en de spatiebalk werkt bij veel knoppen en selectievakjes. Je hoeft geen vaste snelheid aan te houden. Kijk vooral of je altijd weet waar je bent.

Let op de zichtbare focus

Het actieve onderdeel hoort een duidelijke rand, onderstreping of kleurverandering te krijgen. Een subtiel verschil dat verdwijnt tegen de achtergrond is niet genoeg. De focus moet ook logisch bewegen: eerst door de hoofdnavigatie, daarna door de inhoud, zonder onverwachte sprongen naar de voettekst of verborgen onderdelen.

Kom je vast te zitten in een menu of venster, dan is dat een serieus probleem. Controleer ook of een geopend zoekvenster met Escape sluit en of de focus daarna teruggaat naar de knop waarmee je het opende. Dit soort details bepaalt of een pagina bestuurbaar aanvoelt.

Een goede toetsenbordtest heeft één eenvoudige vraag: kan ik mijn taak afronden en begrijp ik voortdurend waar ik ben?

Vergroot tekst en beoordeel afbeeldingen opnieuw

Zoom je browser naar 200 procent. Op een laptop mag de pagina dan smaller worden en onderdelen mogen onder elkaar schuiven. Tekst mag niet buiten beeld verdwijnen, knoppen mogen elkaar niet overlappen en je moet niet horizontaal heen en weer hoeven schuiven om een gewone alinea te lezen.

Kijk verder dan een contrastscore

Lichtgrijze tekst op gebroken wit kan stijlvol lijken, maar is vaak vermoeiend. Controleer vooral kleine tekst, bijschriften en navigatielabels. Belangrijke informatie mag bovendien niet alleen door kleur worden aangegeven. Een fout veld heeft naast een rode rand ook een duidelijke melding nodig.

Zet je scherm eventueel tijdelijk op grijstinten. Kun je dan nog herkennen welke link actief is en welke grafiekwaarde aandacht vraagt? Deze eenvoudige proef laat zien of vorm, positie of tekst voldoende ondersteuning geeft.

Schrijf altteksten vanuit de functie

Een alttekst beschrijft niet ieder zichtbaar detail. Hij vertelt wat de afbeelding op die plek bijdraagt. Bij een artikelbeeld kan “Werktafel met tablet, kleurstalen en interfaceschetsen” voldoende zijn. Een decoratief patroon hoeft meestal geen beschrijving te krijgen en krijgt een lege altwaarde, zodat voorleessoftware het overslaat.

Staat er tekst in een afbeelding die nodig is om de inhoud te begrijpen, zet die informatie dan ook als gewone tekst op de pagina. Een screenshot met kleine labels is bij vergroting vaak slecht te lezen en laat zich niet prettig voorlezen.

Bekijk de pagina als een inhoudsopgave

Koppen geven een pagina zijn logica. De hoofdtitel is doorgaans de enige H1. Grote onderdelen krijgen een H2 en onderdelen daarbinnen een H3. Kies een kopniveau om de betekenis, niet om de lettergrootte. Met de ontwikkelhulpmiddelen van je browser of een eenvoudige koppenextensie kun je de volgorde bekijken, maar je kunt ook de tekst zelf nalopen.

Maak links begrijpelijk buiten hun alinea

“Lees meer” zegt weinig wanneer iemand een lijst met links laat voorlezen. “Lees de gids over veilige wachtwoorden” is duidelijker. Dat betekent niet dat elke link lang moet zijn. De zichtbare artikeltitel kan zelf de link zijn; een extra generieke knop is dan niet nodig.

Controleer formulieren op dezelfde manier. Ieder veld heeft een zichtbaar label nodig. Een voorbeeldtekst in het veld verdwijnt zodra iemand begint te typen en is daarom geen vervanging. Fouten moeten bij het juiste veld staan en uitleggen hoe je ze herstelt.

  1. Vul een verplicht veld niet in en verstuur het formulier.
  2. Controleer of de melding meteen te vinden en te begrijpen is.
  3. Herstel het veld en kijk of de foutstatus verdwijnt.
  4. Verstuur opnieuw en controleer of de bevestiging duidelijk is.

Maak van toegankelijkheid een vast redactieritme

Een eenmalige controle helpt, maar nieuwe inhoud kan oude problemen terugbrengen. Voeg daarom een korte controle toe voordat je publiceert. Kijk naar de kopvolgorde, linkteksten, altteksten en de pagina bij flinke zoom. Dat kost bij een artikel maar enkele minuten wanneer het onderdeel wordt van je gewone werkwijze.

Los eerst blokkades op

Geef problemen een eenvoudige volgorde. Een niet-bedienbaar menu gaat voor een bijschrift dat iets duidelijker kan. Ontbrekende labels en onleesbare tekst krijgen meer aandacht dan een kleine onregelmatigheid in witruimte. Zo groeit de kwaliteit zonder dat de lijst verlamt.

Plan voor ingewikkelde onderdelen, zoals boekingsmodules of interactieve grafieken, wel een deskundige test. Betrek daarbij mensen die verschillende hulpmiddelen gebruiken. Zelf testen is een sterke eerste laag, geen eindstation.

Rond je controle af door dezelfde drie taken van het begin opnieuw te doen. Gebruik toetsenbord, vergroting en een smal scherm. Als de route nu rustiger en voorspelbaarder is, heb je meer bereikt dan een verzameling losse vinkjes: je hebt de website merkbaar bruikbaarder gemaakt.