Naar de inhoud

Toegankelijkheid

Wat er gedaan is, en wat er nog niet getest is

Ik verkoop een toegankelijkheidscheck als onderdeel van elk bestek. Dan hoort deze site zelf ook uit te leggen wat dat inhoudt — en waar het nog niet af is.

Hieronder staat allebei. Het tweede deel is het eerlijke deel: er is geen formele audit gedaan en dat ga ik hier niet anders laten lijken.

Status

Gebouwd met WCAG 2.2 niveau AA als norm. In september 2026 is elke pagina nagelopen met een automatische controle (axe-core) op 320, 390 en 1440 pixels breed, en met het toetsenbord doorgelopen. Dat leverde twee reparaties op: een paneel dat op een smal scherm horizontaal wegschoof, en een gefocuste link die onder de prijsbalk kon verdwijnen.

Niet formeel getoetst door een derde partij, en niet getest met een schermlezer. Wat hieronder staat is dus wat ik zelf heb gedaan en gemeten, niet een verklaring van iemand anders.

Kom je iets tegen dat niet werkt? Eén mail is genoeg. Ik repareer het en zet hier wat er veranderd is.

Laatst bijgewerkt: 20 september 2026.

Acht dingen die in de bouw zijn vastgelegd, niet achteraf aangeplakt.

Deze staan als regel in het ontwerpsysteem van de site. Ze kunnen dus niet per ongeluk op één pagina wegvallen.

Zichtbare focus

Elk element dat je met de tab-toets kunt bereiken krijgt een accentblauw kader van 2 pixels, met 3 pixels ruimte eromheen. Die is nergens uitgezet — dat is de meest gemaakte fout op sites en meteen de makkelijkst te vermijden.

Bedienbaar met toetsenbord

De hele site werkt zonder muis: het menu, de tabbladen op de contactpagina, de keuzehulp, de uitklappers van het bestek, de prijsindicator en het formulier. Bovenaan elke pagina staat een link "Naar de inhoud" die de navigatie overslaat.

Niets verdwijnt onder de prijsbalk

Op een telefoon blijft de prijsbalk onderaan staan. Spring je met de tab-toets naar een link die daar net achter ligt, dan schuift de pagina zover door dat de link zichtbaar blijft in plaats van achter de balk te verdwijnen.

Raakvlakken die je kunt raken

Knoppen, tabbladen en rijen in een lijst zijn op een telefoon minstens 44 pixels hoog. Waar een link kleiner is — de kolommen in de footer, de kruimels bovenaan — staat er minstens 24 pixels tussen het midden van twee links, zodat je er niet naast tikt.

Contrast

De lopende tekst is bijna zwart op gebroken wit; dat haalt de AA-norm ruim. Het accentblauw is bewust een tint donkerder gemaakt dan het ontwerp voorstelde, zodat het ook als linktekst op alle achtergronden van de site de 4,5:1 haalt. Op de donkere vlakken geldt een eigen, lichter accent.

Leesbare tekst, ook uitvergroot

Lopende tekst is nergens kleiner dan 14 pixels en schaalt mee als je inzoomt. Zoom je tot 400 procent in — een venster van 320 pixels breed — dan blijft alles onder elkaar staan en hoef je nergens horizontaal te scrollen.

Rust bij voorkeur voor rust

Heb je in je systeem ingesteld dat je minder beweging wilt zien, dan zet de site alle overgangen en animaties uit. Er zit sowieso weinig beweging in.

Betekenis in de opmaak

Koppen, lijsten en definities zijn ook echt koppen, lijsten en definities in de code. Knoppen die iets open- of dichtklappen vertellen dat, en formuliervelden hebben een label, een foutmelding die eraan vastzit en een samenvatting bovenaan die naar het eerste foute veld springt.

Vier dingen die ik nog niet heb gedaan of nog niet weet.

Als deze pagina alleen het goede nieuws bevatte, was hij niets waard.

Geen formele audit

WCAG 2.2 AA is als norm gebruikt tijdens het bouwen en met gereedschap nagelopen, maar er is geen onafhankelijke toetsing geweest. Ik kan dus wel zeggen wat ik gedaan en gemeten heb, niet dat een derde partij het heeft vastgesteld.

Niet getest met een schermlezer

De opmaak is zo gebouwd dat het zou moeten kloppen, maar ik heb de site niet doorgelopen met VoiceOver of NVDA. Dat is het verschil tussen "zou moeten werken" en "werkt".

Nog niet elk beeld heeft een beschrijving

De foto’s op de site hebben een alt-tekst. De schermafdrukken bij de cases nog niet: de naam van de klant staat erbij, maar een beschrijving van wat je op de afdruk ziet ontbreekt nog.

Geen automatische controle bij elke wijziging

De controle is met de hand gedraaid, niet als onderdeel van elke publicatie. Een fout kan er dus stilletjes in sluipen totdat iemand hem meldt — of tot de volgende ronde.

Meld het, dan repareer ik het.

Je hoeft niet uit te leggen welke norm er precies overtreden wordt. "Ik kan die knop niet bereiken met mijn toetsenbord" is genoeg informatie om aan de slag te gaan.

Wat je kunt verwachten

Antwoord binnen één werkdag, en als het aan de site ligt een reparatie zodra ik hem heb kunnen reproduceren.

Lukt iets echt niet, dan help ik je gewoon telefonisch verder met waar je voor kwam.