Vijf proeven op deze pagina zelf

Alles wat ik hier beweer, doet deze pagina voor. Probeer het maar.

Dezelfde standaarden als bij een groot bedrijf, zonder het apparaat eromheen: dat is makkelijk gezegd. Daarom staan hieronder vijf dingen die je zelf kunt controleren, met de meting ernaast.

Aan de ene kant de eis, aan de andere wat er gehaald wordt. Zonder de eis is het opschepperij.

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:

Naar proef 3Wat ik doe

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 geen mening, het is een deling.

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.

WatDoorlooptijdPrijs
Quickscan, tot 5 paginatypes1 week€ 950 dit bedrag staat nog niet vast
Volledig onderzoek, tot 5 paginatypes3 weken€ 2.900 dit bedrag staat nog niet vast
Volledig onderzoek, 6–10 paginatypes4 weken€ 4.400 dit bedrag staat nog niet vast
Server- en domeinlaag apart, met SPF, DKIM en DMARC1 week€ 850 dit bedrag staat nog niet vast
Statistieken zonder cookiebanner (Matomo), inrichten1 dag€ 250 dit bedrag staat nog niet vast
Statistieken zonder cookiebanner, doorlopendper jaar, bij onderhoud€ 120 per jaar dit bedrag staat nog niet vast
Sneller maken, gemeten vóór en na1 week€ 750 dit bedrag staat nog niet vast
Beveiligingscontrole: headers, gebruikers, versies2 tot 3 werkdagen€ 650 dit bedrag staat nog niet vast
Reparatie in de broncodena het onderzoek€ 100 p/u
Tarieven voor toetsen en repareren.

Tarieven voor toetsen en repareren.

Quickscan, tot 5 paginatypes

Doorlooptijd
1 week
Prijs
€ 950 dit bedrag staat nog niet vast

Volledig onderzoek, tot 5 paginatypes

Doorlooptijd
3 weken
Prijs
€ 2.900 dit bedrag staat nog niet vast

Volledig onderzoek, 6–10 paginatypes

Doorlooptijd
4 weken
Prijs
€ 4.400 dit bedrag staat nog niet vast

Server- en domeinlaag apart, met SPF, DKIM en DMARC

Doorlooptijd
1 week
Prijs
€ 850 dit bedrag staat nog niet vast

Statistieken zonder cookiebanner (Matomo), inrichten

Doorlooptijd
1 dag
Prijs
€ 250 dit bedrag staat nog niet vast

Statistieken zonder cookiebanner, doorlopend

Doorlooptijd
per jaar, bij onderhoud
Prijs
€ 120 per jaar dit bedrag staat nog niet vast

Sneller maken, gemeten vóór en na

Doorlooptijd
1 week
Prijs
€ 750 dit bedrag staat nog niet vast

Beveiligingscontrole: headers, gebruikers, versies

Doorlooptijd
2 tot 3 werkdagen
Prijs
€ 650 dit bedrag staat nog niet vast

Reparatie in de broncode

Doorlooptijd
na het onderzoek
Prijs
€ 100 p/u

Gestippeld onderstreept = staat nog niet vast. Het uurtarief wél.

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.

Een toetsenbord met de tabtoets aangewezen: het gereedschap van proef 1. De kleurvlek eronder ligt er net naast, want dat is de tekenstijl van dit bord.

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 vier 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, de techniek achter de AVG en de internetstandaarden, en repareer wat eruit komt.

  • WCAG-audit met de reparatie erbij
  • Toegankelijkheidswet: geldt die voor jou?
  • AVG, cookies en statistieken
  • Beveiliging en snelheid, gemeten vóór en na
  • Mail die aankomt: SPF, DKIM en DMARC

Website laten maken

Websites, webshops en applicaties in WordPress, WooCommerce of Laravel, ontworpen en gebouwd in je eigen code.

  • Nieuwbouw, verbouw en webshops
  • Webapplicaties in Laravel
  • Ontwerp, tekst en conversie erbij
  • Gemeten voordat hij live gaat

Website onderhoud uitbesteden

Updates, back-ups die teruggezet zijn en monitoring die mij belt. Per maand opzegbaar.

  • Updates van WordPress, plugins en PHP
  • Back-ups die getest zijn
  • Monitoring met een reactietijd
  • Vier pakketten, vaste prijs per maand

Beheer van een bestaande website overnemen

De bouwer is weg, de PHP-versie is end of life en niemand durft er nog in. Ik licht door en zeg wat het is.

  • Gehackt? De eerste dag
  • Technische doorlichting
  • Beheerovername
  • PHP- en frameworkmigratie
  • Vernieuwing in stappen

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. Dat is precies waarom het hier staat: het is geen prestatie, het is de ondergrens. Van de sites die toegankelijkheid verkopen haalt lang niet iedereen hem, en dat kun je bij mij dus 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; iedereen die je iets anders belooft verkoopt je vrijwaring, en dat bestaat niet.

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. Elke nulmeting heeft een zelftest die aantoont dát hij kan melden.

Factureer je elk telefoontje?

Nee. Ik hecht meer waarde aan een lange, prettige samenwerking dan aan een urenstaat.

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 is een uitgang.

Bel direct: 06 41 07 78 40

Liever mailen: [email protected]

Adres en alle andere manieren staan op de contactpagina.

Ik neem zelf op. Lukt dat niet, dan bel ik binnen één werkdag terug.

"verplicht" indicates required fields

This field is for validation purposes and should be left unchanged.
Ik bel binnen één werkdag terug.
Eén regel is genoeg. Bijvoorbeeld: WooCommerce, PHP 7.4.