Zes proeven op deze pagina zelf
Alles wat ik hier beweer, doet deze pagina voor. Probeer het maar.
Dezelfde standaarden als bij een groot bedrijf: dat is makkelijk gezegd. Daarom staan hieronder zes dingen die je zelf kunt controleren, met de meting ernaast.
Ben je geen techneut, dan hoef je niet alles te volgen. Het gaat om één vraag: kan iedereen deze site gebruiken, ook wie slecht ziet, geen muis gebruikt of op een kleine telefoon zit? Dat is wat je koopt als je mij een site laat toetsen of bouwen, en hier zie je dat ik het zelf ook doe.
Proef 1 · bediening
Druk op Tab. Je ziet nu waar je bent.
Op de meeste sites is de focusring weggehaald omdat hij lelijk zou zijn. Dan kan iemand die geen muis gebruikt nog wel klikken, maar niet meer zien waar hij staat. En dat is precies het moment waarop een bestelling stopt.
Drie echte links. Tab erdoorheen en let op de ring: een donkere binnenring met een lichte buitenring eromheen.
Naar proef 2Naar de rekensomBel me terug
En dezelfde ring op een donker vlak, want dáár ging het bij mij mis:
Werkt met de Tab-toets, met een schermlezer en met alleen een toetsenbord.
gemeten:
1,12 : 1
Zo veel haalde de focusring hier zelf, tot 1 september 2026: wit op crème. Nu twee ringen om elkaar, zodat er altijd één helft contrast houdt.
WCAG 2.4.7 en 1.4.11 · eis 3 : 1
Proef 2 · kleur op ware grootte
Twee stalen van dezelfde huisstijlkleur. Eén ervan kun je niet lezen.
Het limegroen uit het logo is een prima kleur, maar niet als tekstkleur op wit. Links staat hij zoals hij vaak wordt gebruikt, rechts zoals hij wél kan: als vlak met donkere tekst erop. Dit is meetbaar, geen smaak.
Limegroen op dit vel: 1,59 : 1. De eis is 4,5 : 1. Met opzet onleesbaar gelaten; wat er staat is “Bel me terug”.
Inkt op een limegroen vlak: 10,13 : 1. Er staat “Bel me terug”, net als links. Dezelfde kleur, andere rol. Zo staat hij op deze site: als vlak, nooit als tekst op licht.
de eis:
4,5 : 1
Voor gewone tekst. Grote tekst mag op 3 : 1, en een rand of pictogram dat je moet kunnen onderscheiden ook.
WCAG 1.4.3 en 1.4.11
Proef 3 · voor en na, op ware grootte
Hetzelfde invoerveld, twee keer. Het verschil zit niet in de smaak.
Links het veld zoals je het overal tegenkomt: het label staat als grijze tekst ín het veld en verdwijnt zodra je typt. Rechts staat wat er in plaats daarvan hoort. Niet als plaatje, maar als het echte formulier onderaan deze pagina.
Zoals ik het aantref
Het label staat in het veld en verdwijnt zodra je typt, dus je kunt niet meer nalezen wat erin hoort. De placeholder haalt 2,78 : 1, de knoptekst 1,41 : 1 en de veldrand 1,39 : 1. Dit monster is met opzet fout en staat op aria-hidden.
Zoals ik het achterlaat
Hier staat geen nagemaakt veld. Het echte formulier staat onderaan deze pagina, en dat is het monster: scroll erheen en kijk zelf.
- Het label staat boven het veld en blijft staan als je typt.
- Het woord “verplicht” staat er voluit, niet als sterretje.
- Autocomplete staat aan, dus je browser mag hem invullen (1.3.5).
- Elk veld en elke knop is minstens 44 pixels hoog (2.5.8).
- De rand van het veld haalt 4,39 : 1, ruim boven de eis van 3 : 1 voor de begrenzing van een bedienelement.
de kleinste maat:
44 px
Van iets dat je moet kunnen aanwijzen. Een placeholder is geen label: dat is niet moeilijk, het wordt alleen zelden nagekeken.
WCAG 3.3.2, 1.3.5 en 2.5.8
Proef 4 · de telefoon
Versmal dit venster. De tarieventabel wordt een stapel.
Onder de 736 pixels staat hier geen tabel meer maar een lijst, met per regel de prijs eronder in plaats van erachter. Dat is geen opsmuk: in de eerste meting stond de prijskolom op een telefoon buiten beeld, achter een schuifkader zonder enig teken dát er rechts nog iets stond. Op een site die open wil zijn over de rekening is de prijs precies het verkeerde stuk om te verstoppen.
| Wat | Doorlooptijd | Prijs |
|---|---|---|
| Quickscan, tot 5 paginatypes | 1 week | € 950 |
| Volledig onderzoek, tot 5 paginatypes | 3 weken | € 2.900 |
| Hertest, tot 5 paginatypes; de eerste zit in een volledig onderzoek | 1 dag | € 350 |
| Reparatie in de broncode | na het onderzoek | € 100 p/u |
De belangrijkste tarieven voor toetsen en repareren. Alle tarieven staan op de tarievenpagina.
Quickscan, tot 5 paginatypes
- Doorlooptijd
- 1 week
- Prijs
- € 950
Volledig onderzoek, tot 5 paginatypes
- Doorlooptijd
- 3 weken
- Prijs
- € 2.900
Hertest, tot 5 paginatypes; de eerste zit in een volledig onderzoek
- Doorlooptijd
- 1 dag
- Prijs
- € 350
Reparatie in de broncode
- Doorlooptijd
- na het onderzoek
- Prijs
- € 100 p/u
Alle bedragen zijn exclusief btw.
gemeten op:
390 px
De breedte van een telefoon. Geen schuifkader om een tabel: er staan twee vormen in de pagina en er is er altijd precies één zichtbaar.
WCAG 1.4.10 · reflow
Proef 5 · de tekening
Zet de tekening weg en er ontbreekt niets.
Elke tekening op deze site heeft een leeg alt-attribuut, en wat hij afbeeldt staat er in gewone tekst naast: als bijschrift, of als de kop waar hij bij hoort. Wie hem niet ziet, omdat hij een schermlezer gebruikt, omdat het laden mislukt of omdat hij afbeeldingen uit heeft staan, mist geen informatie. Daarom mogen ze ondersteunend zijn en hoeft het ontwerp er niet op te leunen.
in de set:
14 + 3
Veertien iconen en drie grote tekeningen, allemaal op hetzelfde raster, met de hand uitgezet, en geen mens erop: zodra er iemand op staat is het stockbeeld.
WCAG 1.1.1
de rekensom
Waarom dit meer is dan een scan met een groen vinkje
Vijf paginatypes tegen vijfenvijftig criteria zijn 275 controles. Een scanner raakt er ongeveer 83 aan. De rest is handwerk, en juist daar zitten de dingen waar iemand écht op vastloopt.
275
controles bij vijf paginatypes tegen WCAG 2.2 AA
83
daarvan raakt een scanner aan, ongeveer 30 %
192
blijven over: toetsenbord, volgorde, betekenis, formulieren
Wat je kunt afnemen
Dezelfde manier van werken op zes soorten opdrachten: meten, repareren, opnieuw meten, en de datum eronder.
Website laten voldoen: toegankelijkheid en AVG
Ik toets je site met de hand tegen WCAG 2.2 AA en de techniek achter de AVG, en repareer wat eruit komt.
Technische website audit
Beveiliging, snelheid, mail en de internetstandaarden, gemeten vóór en na. Je hoort wat er staat en wat het kost om het goed te zetten.
Laravel-applicatie laten bouwen
Een klantportaal, een planning of een koppeling tussen twee systemen, gebouwd en onderhouden in Laravel.
Beheer van een bestaande website overnemen
De bouwer is weg, de PHP-versie krijgt geen updates meer en niemand durft er nog in. Ik onderzoek de site en vertel je in gewone taal hoe hij ervoor staat.
Website onderhoud uitbesteden
Updates, back-ups waarvan getest is dat ze werken, en monitoring die mij waarschuwt voordat jij het merkt. Per maand opzegbaar.
Website laten maken
Websites en webshops in WordPress of WooCommerce, ontworpen en gebouwd in je eigen code.
Twijfel je welke je nodig hebt? Bel, dan weet je het in een kwartier.
Vragen
Vragen over het bewijs
Is een site die zelf voldoet niet gewoon het minimum?
Ja, en daarom staat het hier: het is de ondergrens en geen prestatie. Je kunt het bij mij zelf nameten.
Wat als je site straks tóch een fout heeft?
Dan is dat zo, en dan repareer ik hem. Een meting is een momentopname met een datum eronder, en niemand kan je beloven dat er nooit meer iets misgaat.
Hoe meet je dit?
Met de hand, plus eigen meetpagina’s die over de hele site lopen: contrast tegen de werkelijke ondergrond, wat een telefoon van 390 px ervan maakt, en de WCAG-criteria die een scanner en een contrastmeter allebei laten liggen. En elke meting controleert eerst zichzelf: hij moet een ingebouwde fout vinden voordat ik hem geloof.
Bel me terug
Dit formulier is zelf de zesde proef: zichtbaar label boven het veld, het woord “verplicht” voluit, autocomplete aan, en elk doel minstens 44 pixels hoog. Drie velden, want elk extra veld kost aanvragen.
Bel direct: 06 41 07 78 40
Liever mailen: info@autive.nl
Adres en alle andere manieren staan op de contactpagina.
Ik neem zelf op. Lukt dat niet, dan bel ik binnen één werkdag terug.
"verplicht" geeft vereiste velden aan