Toegankelijke website laten maken
Wat is een toegankelijke website?
Sinds 28 juni 2025 stelt een Europese wet eisen aan onder andere webshops, bankdiensten, vervoerders en e-books voor consumenten. Voor de overheid gelden al langer eigen regels. Beide wijzen naar dezelfde norm: WCAG 2.2 niveau AA, de internationale richtlijn voor toegankelijke websites. Dat is een lijst met punten die je kunt nakijken, zoals genoeg kleurverschil tussen tekst en achtergrond. Die lijst houden wij standaard aan.
Het goede nieuws: het meeste is geen extra werk, maar ander werk. Genoeg contrast, een knop die ook echt een knop is, en een formulier waarin bij elk vakje staat wat erin moet: dat kost tijdens de bouw niets extra. Achteraf repareren kost wél geld. Daarom regel je toegankelijkheid aan de voorkant.
Niet alleen omdat het moet
Toegankelijkheid wordt meestal gezien als een plicht. Dat is de saaiste reden om het te doen, want er zitten nog drie andere kanten aan die net zo goed geld opleveren.
Meer mensen maken het af: Een formulier met duidelijke labels en begrijpelijke foutmeldingen wordt door iedereen vaker afgemaakt, niet alleen door mensen met een beperking. Wat helpt als je slecht ziet, helpt ook als je haast hebt.
Beter vindbaar in zoekmachines: Nette koppen, een tekst bij elke afbeelding en een logische opbouw zijn precies waar zoekmachines en AI-assistenten op afgaan. Toegankelijk bouwen en goed vindbaar bouwen overlappen voor een groot deel.
Geen schrik bij een klacht: Een klacht of een vraag van een toezichthouder kost je in het gunstigste geval een paar weken werk onder tijdsdruk. Met een controle vooraf weet je gewoon waar je staat.
Werkt ook op oude apparaten: Een site die met een toetsenbord te bedienen is en op een trage verbinding leesbaar blijft, doet het ook op de zes jaar oude laptop van je klant. Die mensen zie je anders nooit.
Voor wie is dit
Toegankelijkheid is voor de meeste organisaties geen keuze meer. Hoe snel het moet, verschilt wel.
- Je verkoopt online aan consumenten en valt sinds juni 2025 onder de Europese regels
- Je werkt voor of met een overheid en moet een verklaring kunnen laten zien
- Je hebt een klacht gekregen van iemand die niet door je site heen kwam
- Je doet mee aan een aanbesteding waarin dit als eis in het bestek staat
- Je laat een nieuwe site bouwen en wil het nu goed doen in plaats van later repareren
Wat je krijgt
- Een controle van je huidige site langs WCAG 2.2 niveau AA, met per punt het scherm waar het misgaat
- Een test met een voorleesprogramma en met alleen een toetsenbord, dus niet alleen een automatische controle
- Een lijst met bevindingen op volgorde van ernst, met per punt hoeveel tijd het herstel kost
- Herstel van de punten die je laat oppakken, in je eigen site en niet met een aangeplakt hulpje
- Een toegankelijkheidsverklaring die klopt met wat er echt staat
- Een controle die bij elke volgende oplevering vanzelf meedraait
Hoe we het bouwen
Eerst meten. We beginnen bij je belangrijkste routes: de homepage, een productpagina, het formulier en het afrekenen. Een automatische controle vindt een deel van de problemen. De rest komt alleen boven water als een mens het zelf probeert, met een voorleesprogramma erbij.
Dan repareren. We pakken eerst aan waar mensen echt op vastlopen. Iets wat iemand blokkeert gaat vóór iets wat vooral netter is. Dat scheelt budget en discussie.
Dan vastzetten. Tot slot bouwen we de controle in het proces in, zodat een nieuwe pagina de toegankelijkheid niet stiekem weer onderuit haalt. Bij ons draait die controle bij elke oplevering mee.
Wat kost een toegankelijke website?
Een controle van een gemiddelde website is een afgebakende klus, en de omvang hangt af van het aantal soorten pagina's. Het herstel daarna is een aparte begroting. Bij een grote webshop of een systeem met veel eigen schermen loopt dat op.
Wat de prijs vooral bepaalt, is hoe je site in elkaar zit. Zit er een design system onder, dus een vaste set bouwstenen, dan repareer je een knop één keer voor alle pagina's. Is elke pagina los in elkaar gesleept, dan betaal je per pagina.
Daarna loopt het mee in je onderhoud. Daar zit de hercontrole in, want elke nieuwe pagina en elke nieuwe pdf kan er zo weer iets in brengen.
Waarom Mediavisie Web
Wij draaien bij elke oplevering een controle op toegankelijkheid, op elk project. Dat is bij ons geen los product maar gewoon onderdeel van het werk, ook bij klanten die er niet om vragen.
We bouwen met eigen mensen en zonder pagebuilder, zo'n hulpprogramma waarmee je pagina's in elkaar sleept. Dat scheelt hier meer dan waar dan ook. Een groot deel van wat wij bij andere sites vinden, zit verstopt in kant-en-klare blokken waar de eigenaar niets aan kan veranderen. In je eigen site repareer je het gewoon.
En we blijven van die overlays af: een scriptje dat een knopje met een poppetje op je site plakt. Dat haalt de fouten eronder niet weg, en voor mensen met een voorleesprogramma wordt het er vaak juist lastiger van. Wij repareren de site zelf.
Waar je op moet letten
Helemaal voldoen is zeldzamer dan bureaus laten doorschemeren, en dat geldt ook voor ons. Eén oude pdf, een video van een andere partij of een kaartje van een externe dienst kan je toegankelijkheid onderuit halen zonder dat jij er iets aan kunt doen. En de Europese regels gelden niet voor iedereen: heel kleine dienstverleners vallen erbuiten. Laat je dus niets aansmeren omdat het zou moeten. Kijk eerst of het voor jou geldt.
Probeer het zelf
Zet de knoppen om en kijk wat er gebeurt
Dit zijn de instellingen waar bezoekers echt mee werken. Ze veranderen alleen het voorbeeld hiernaast, dus je kunt gerust alles aanzetten.
Voorbeeld
Een pagina die zich laat bedienen
Toegankelijkheid gaat niet over een vinkje halen. Het gaat erover dat iemand die slecht ziet, niet met een muis werkt of gevoelig is voor beweging jouw site gewoon kan gebruiken. Meestal zijn dat dezelfde ingrepen die het voor iedereen prettiger maken: genoeg contrast, rustige regels, en een link die je herkent zonder dat je op kleur hoeft af te gaan.
Dit bolletje beweegt, tot je beweging uitzet.
Reken mee
Haalt jouw kleurcombinatie het?
Voor gewone tekst is 4,5 op 1 de ondergrens, voor grote tekst 3 op 1. Kies twee kleuren en je ziet meteen waar je staat.
Grote kop
Gewone lopende tekst op deze achtergrond.
6,89:1
- Gewone tekst 4,5:1
- Grote tekst 3:1
Zonder muis
Waar ben je nu?
Klik in een van de twee formulieren en loop er met de tabtoets doorheen. Links zie je waar je staat, rechts niet. Voor wie geen muis gebruikt is dat het verschil tussen bruikbaar en onbruikbaar.
Met focus zichtbaar
Zonder focus zichtbaar
De techniek eronder
Alle techniekWaar we het mee bouwen.
-
Testen
Playwright
Doorloopt je site als een echte bezoeker in een echte browser. Ook de toegankelijkheidscontrole draait hierin mee.
-
Meten
Lighthouse
Meet snelheid, toegankelijkheid en techniek per pagina. Draait bij ons automatisch mee, niet één keer bij oplevering.
-
Opmaak
CSS
Eigen variabelen voor kleur, ruimte en typografie. Eén plek aanpassen verandert de hele site mee.
-
Ontwerp
Figma
Waar het ontwerp begint en waar je meekijkt. Componenten sluiten aan op wat we daarna in code bouwen.
-
Ontwerp
Storybook
Elk onderdeel los te bekijken en te testen, inclusief de staten die je op de site zelden tegenkomt.
Werkwijze
Hoe we het aanpakken.
Van het eerste gesprek tot doorbouwen na livegang. Vier fases, en je weet bij elke fase wat er af is en wat er nog komt.
-
1 tot 2 weken
Uitzoeken
Wat er moet komen en wat er al ligt
We brengen in kaart welke systemen mee moeten, wie het straks beheert en waar het vorige traject op vastliep. Daar komen de uitzonderingen boven water die later de planning bepalen.
Lees verder over Uitzoeken -
Eén week
Afbakenen
Van wensenlijst naar een plan met een prijs
We knippen het werk in stukken die los opgeleverd kunnen worden, en zetten er een prijs en een volgorde op. Daarbij spreken we af wat er in de eerste versie zit en wat later komt.
Lees verder over Afbakenen -
6 tot 12 weken
Ontwerpen en bouwen
Eerst de schermen, dan de techniek eronder
Je kijkt vanaf de eerste week mee op een testomgeving. We leveren in rondes op, te beginnen met het deel dat het meeste werk uit handen neemt, zodat je stuurt op wat je ziet.
Lees verder over Ontwerpen en bouwen -
Doorlopend
Doorbouwen
Na livegang begint het pas
Updates, bewaking en nieuwe functies, met een vast aanspreekpunt dat je project kent. We meten wat er gebruikt wordt, en dat bepaalt waar we het volgende kwartaal aan werken.
Lees verder over Doorbouwen
Zo ziet dat er in de praktijk uit
Alle casesVeelgestelde vragen
Iets anders vragenGeldt de European Accessibility Act ook voor mij?
Sinds juni 2025 geldt hij voor veel commerciële dienstverlening richting consumenten, naast de bestaande verplichting voor overheid en semi-overheid. Twijfel je, dan kijken we in één gesprek of je eronder valt.
Kan een bestaande site nog toegankelijk worden gemaakt?
Meestal wel. Het zwaarste werk zit in structuur en contrast, en dat is aan te passen zonder de site opnieuw te bouwen. We beginnen met een scan zodat je weet wat het kost.
Wij werken onder andere voor
Aan de slag
Iets te bouwen?
Vertel wat er moet komen. We denken mee over techniek, haalbaarheid en wat het kost, ook als het plan nog niet rond is.