Blauw is de kleur. Maar dat hoef je niet te zien

Laat je deze tekst voorlezen door een schermlezer? Welkom. Dan verklap ik je alvast iets wat je niet ziet: de knoppen waar dit blog over gaat, zijn blauw.

Knalblauw zelfs. Daar heb je weinig aan, dat snap ik.

Maar grote kans dat je ze allang gevonden hebt. Zonder kleur. Precies zoals het hoort.

Kijk je wel mee? Kijk dan even linksonder en rechtsonder in je scherm. Twee blauwe knoppen op een donkere site vol groen en magenta. Ze vallen uit de toon.

Dat is geen vergissing. Dat is de bedoeling.

Twee knoppen die niet bij mijn huisstijl passen

Mijn site is nachtblauw, met groen als hoofdaccent en magenta als knipoog. Elke knop is groen. Behalve twee.

Linksonder staat de Leeshulp. Rechtsonder de Chat. Allebei blauw, met witte letters en een dikke witte rand.

Ik heb lang getwijfeld. Als ontwerper wil ik dat alles klopt. En blauw klopt niet met mijn eigen stijl. Het schuurt.

Juist daarom heb ik het gedaan.

Hulp herken je aan een andere kleur

Een knop voor hulp is geen versiering. Het is een dienst. Die wil je meteen herkennen, ook als je de rest van de site nog niet kent.

Wit op blauw kent bijna iedereen als de kleur van toegankelijkheid. Denk aan het bordje bij een lift of een gehandicaptenparkeerplaats. Je hoeft er niet over na te denken.

Ook voor mensen met kleurenblindheid is blauw een veilige keus. De meest voorkomende vorm haalt rood en groen door elkaar. Blauw blijft blauw.

En het contrast klopt. Wit op dit blauw haalt een verhouding van 7 op 1. Dat is het hoogste niveau (AAA) uit de richtlijnen voor toegankelijke websites, de WCAG.

Wat de blauwe knoppen voor je doen

Druk je op de Leeshulp, dan opent een klein paneel met vier schakelaars:

• Grotere tekst, voor wie liever niet inzoomt.
• Extra contrast, voor wie grijs op donker lastig leest.
• Beweging uit, voor wie rustig wil lezen zonder bewegende beelden.
• Links onderstrepen, zodat je een link niet aan de kleur hoeft te herkennen.

Je keuze blijft alleen op jouw eigen apparaat bewaard. Ik zie er niets van.

Het icoon heb ik zelf getekend: een figuurtje met gespreide armen in een cirkel. Het bekende teken voor toegankelijkheid, in mijn eigen lijn.

Voor een schermlezer heeft de knop gewoon een naam: "Open leeshulp". Geen kleur nodig. Zie je wel.

Rechtsonder zit de Chat. Daar stel je je vraag over ontwerp, drukwerk of een website. Een assistent (AI) antwoordt direct, ik lees mee en neem het over als dat nodig is. Handig als je even geen zin hebt om te zoeken. Of als lezen gewoon lastig is.

Scrol je naar beneden, dan schuiven beide knoppen opzij. Stop je even of scrol je terug, dan zijn ze er weer. Ze staan klaar, maar niet in de weg.

Toegankelijk is geen extraatje meer

Sinds 28 juni 2025 geldt de European Accessibility Act. Die Europese wet vraagt dat veel websites en webshops ook bruikbaar zijn voor mensen met een beperking. De ACM houdt er toezicht op, las ik bij MKB Servicedesk.

Heel kleine bedrijven vallen er vaak buiten: minder dan tien medewerkers en hooguit € 2 miljoen omzet. Toch raad ik je aan er nu al naar te kijken. Niet voor de regels, maar voor de mensen die je site bezoeken.

Een slechtziende ondernemer zoekt ook een drukker. Een klant met trillende handen wil ook een afspraak plannen. En iedereen leest weleens in de felle zon op een telefoon.

Zo doe ik dat ook bij jouw website

De websites die ik voor ondernemers maak, bouw ik in Duda. Waarom ik daarvoor kies, lees je in een eerder blog.

Ook daar let ik op contrast, duidelijke koppen, alt-teksten bij foto's en knoppen die je met het toetsenbord bereikt. Niet als vinkje aan het eind. Gewoon als deel van het ontwerp.

Soms is een kleine, overzichtelijke site al genoeg. Zoals de etalagewebsite voor BINK Tandtechniek.

Benieuwd hoe jouw eigen site ervoor staat? Op ismijnsitetoegankelijk.nl doe je een eerste snelle check.

Want een mooie site die niet iedereen kan lezen, is maar half af.

Zullen we praten?

Wil je weten hoe leesbaar jouw website is? Of twijfel je over een kleur die net te weinig contrast heeft? Ik kijk graag met je mee.

Plan een afspraak of neem contact op. Meer over mijn werk lees je bij websites. Een gesprek kost je niets.

En voor wie dit laat voorlezen: je mag natuurlijk ook gewoon op de blauwe knop drukken.

Dit artikel is geschreven door Matthijs van creative.nu, grafisch ontwerper en webdesigner voor ondernemers in Maas en Waal en Nijmegen. Aanleiding waren de twee blauwe knoppen op deze site. Over de European Accessibility Act las ik bij MKB Servicedesk.