Contrast

De knop die eruitziet als disabled maar het niet is
Een grijze knop. Lichte tekst. Ziet eruit als uitgeschakeld. Maar klik erop. Hij doet iets. Hij is niet disabled. Hij ziet er alleen zo uit.

De footer die niemand kan lezen
Helemaal onderaan je website. Klein lettertype. Lichtgrijs. Privacybeleid. Algemene voorwaarden. Cookie-instellingen. Copyright 2026.

Custom checkboxen en radiobuttons
Een checkbox. Lichtgrijze rand. Afgeronde hoeken. Past perfect bij het design.

Foutmeldingen die je niet kunt lezen
Je vult een formulier in. Iets klopt niet. Er verschijnt een melding.

Markeringen op screenshots die onzichtbaar zijn
Een screenshot in je documentatie. Met een rode cirkel om het knopje dat je moet klikken.

Dark mode met nieuwe contrastproblemen
Je website heeft dark mode. Modern. Gebruiksvriendelijk. Populair. En vol contrastproblemen die er in de lichte versie niet waren.

Grafiekbalken die in elkaar overlopen
Een staafgrafiek. Twee categorien. Lichtblauw (#90CAF9) en lichtgroen (#A5D6A7). Naast elkaar.

Links die alleen door kleur te herkennen zijn
Een alinea tekst. Ergens in die tekst staat een link. Geen onderstreping. Alleen een andere kleur.

Zelfgemaakte focusindicator die onzichtbaar is
Tab. Tab. Tab. Waar ben ik? Je navigeert met je toetsenbord door een website. Elke knop en link zou een zichtbare focus moeten hebben. Maar je ziet… niets. Of een vage lichtblauwe gloed.

Die mooie oranje knop met witte tekst
Oranje knop. Witte tekst. “Bestel nu!” Ziet er goed uit. Valt op. Precies wat je wilt van een call-to-action.

Actieve link in het menu met onzichtbare indicator
Je bent op de pagina “Over ons”. In het menu is die link anders dan de rest. Een subtiele onderstreping. Lichtblauw. #8AB4F8.

