1-4-3
Witte tekst op een foto
“Welkom bij ons” In wit. Op een foto van een zonnig landschap. Links voldoende contrast. Rechts? Waar de lucht wit is? Onleesbaar.
Placeholdertekst die niemand kan lezen
“Voer hier je e-mailadres in” Dat staat er. In het invoerveld. In #C0C0C0 op wit. Contrast: 1,6:1.
Lichtgrijze tekst op een witte achtergrond
Contrastverhouding: 2,85:1. Vereist: 4,5:1. Dit is de meest voorkomende contrastfout op het web. En ik snap waarom. Het ziet er strak uit. Rustig. Modern.
Zijn je formulieren goed zichtbaar?(WCAG 1.4.11)
Non-text Contrast: waarom je formuliervelden, knoppen en iconen onzichtbaar zijn voor slechtzienden (WCAG 1.4.11) Je staat met je telefoon in de felle zon voor een museum. Je wilt tickets kopen, maar het formulier op de website is nauwelijks zichtbaar. Invoervelden met lichtgrijze randjes, knoppen die opgaan in de achtergrond: je tuurt, draait je scherm, houdt je hand erboven. Uiteindelijk geef je het op en sluit je aan bij de rij voor de kassa.
Hoe toegankelijk zijn de websites van de grootste opticiens?
Een mini-scan met verrassende inzichten De European Accessibility Act (EAA) is van kracht. Voor middel- en grote bedrijven die producten en diensten online aanbieden, betekent dit dat hun websites en apps moeten voldoen aan de toegankelijkheidsrichtlijnen (WCAG). Maar hoe staat het er nu eigenlijk voor met de digitale toegankelijkheid in Nederland?
SC 1.4.3 - Wat betekent "Contrast (minimum)"?
Waar gaat het over? Teksten moeten genoeg contrast hebben: de tekst en de achtergrond moeten in kleur en helderheid voldoende van elkaar verschillen. Dit kun je meten. De richtlijn noemt specifieke contrastverhoudingen.
Instructie: hoe test ik kleurcontrast?
Kleurcontrast is een van de meest voorkomende toegankelijkheidsproblemen die we tegenkomen in audits. Lichtgrijze tekst op een witte achtergrond, pastelkleurige knoppen, subtiele placeholdertekst – het ziet er misschien strak uit, maar voor honderdduizenden mensen met een visuele beperking is het simpelweg niet te lezen.
Accessible name: wat moet je weten
Bij Proper Access beginnen we al onze trainingen voor webdevelopers met iets dat simpel lijkt, maar reuze belangrijk is. Als ik je als ontwikkelaar een tip mag geven: begrijp hoe de toegankelijke naam (accessible name) van een interactief element werkt. Het is de basis van digitale toegankelijkheid – en het punt waar het vaakst iets misgaat.
Tools om contrast te checken
De TPGi Color Contrast Checker is een gratis tool om te controleren of de kleuren op je website genoeg contrast hebben volgens de WCAG-richtlijnen.