Toegankelijkheid en WCAG: hoe OneHourSite het toepast
Wat WCAG AA betekent voor jouw site, welke contrast- en structuurchecks we automatisch doen, en wat jij nog kunt verbeteren.
Een mooie site die niet leesbaar is voor iedereen, is geen goede site. Toegankelijkheid (accessibility) zorgt dat bezoekers met verschillende apparaten, gezichtsvermogen of hulpmiddelen je content kunnen gebruiken — en het is steeds vaker een harde eis (overheid, aanbestedingen, merkreputatie).
Wat is WCAG?
WCAG (Web Content Accessibility Guidelines) is de internationale standaard. Niveau AA is het meest gangbare streefniveau voor zakelijke sites: voldoende contrast, bedienbaarheid met toetsenbord, duidelijke structuur en begrijpelijke foutmeldingen.
Wat OneHourSite automatisch doet
• Kleurcontrast — bij het opbouwen van je design controleren we primaire en secundaire tekstkleuren op de achtergrond. Voldoet iets niet aan WCAG AA (~4,5:1 voor normale tekst), dan passen we de kleuren aan zodat tekst leesbaar blijft.
• CSS-variabelen voor veilige tekst — `--site-text-on-surface` en `--site-muted-on-surface` houden bodytekst contrastveilig op lichte secties.
• Semantische secties — hero, over-ons, diensten, contact: duidelijke koppenstructuur i.p.v. alleen visuele blokken.
• Formulieren — labels bij naam, e-mail en bericht; statusmeldingen na verzenden.
• Mobiel — layouts die op smalle schermen blijven werken (touch targets, leesbare typografie).
Noor (visuele QA) en Nina (testen vóór publicatie) kijken mee of het design niet alleen “mooi” is, maar ook bruikbaar.
Wat jij nog doet (hoog effect)
1. Alt-tekst bij eigen foto’s — beschrijf kort wat er te zien is als je beelden uploadt.
2. Duidelijke knopteksten — “Plan een gesprek” i.p.v. alleen “Klik hier”.
3. Linktekst met betekenis — vermijd “lees meer” zonder context.
4. Contrast in je merkkleuren — fel geel op wit of lichtgrijs op crème faalt snel; kies combinaties die je ook in print goed leest.
5. Geen informatie alleen in kleur — markeer fouten met icoon of tekst, niet alleen rood.
Wat WCAG níet is
Geen keurmerk-sticker die we op elke pagina plakken, en geen garantie dat elke handmatige tekstwijziging perfect blijft. Het is een doorlopende praktijk: platformdefaults + jouw contentkeuzes.
Waarom dit bij OneHourSite past
Wij bouwen voor Europese ondernemers. Premium design zonder leesbaarheid is geen premium. Door contrast en structuur in de generator te verankeren, start je dichter bij AA — zonder dat je zelf contrasttools hoeft te leren.
Wil je dieper? Test je live site met de toetsenbord-tab (focus zichtbaar?) en een contrastchecker op je merkkleuren. Vragen over je design? Ons team helpt in de editor.