Contrastcontrole FREE
Meet het contrast tussen twee kleuren volgens WCAG 2.2, zie aan welke eisen het paar voldoet, en krijg de dichtstbijzijnde tint die de gemiste eis wel haalt.
Contrast
APCA (concept, aanvullende informatie)
APCA is het perceptuele contrastmodel dat voor WCAG 3 is opgesteld. Het is vandaag geen conformiteitseis en wijkt in beide richtingen van WCAG 2 af, dus het staat hier als extra informatie en nooit als geslaagd of gezakt.
Hoe het eruitziet
Elke omrekening, elk palet en elke contrastwaarde op deze pagina wordt in je browser berekend. Een afbeelding die je hier neerzet wordt op een canvas in dit tabblad gelezen en nooit geüpload.
Wat de verhouding betekent
De verhouding volgt de definitie uit WCAG 2.2: de relatieve luminantie van de lichtste kleur plus 0,05, gedeeld door hetzelfde voor de donkerste. 4,5:1 is de AA-eis voor normale tekst, 3:1 voor grote tekst en voor interface-elementen, en 7:1 is AAA. Een halfdoorzichtige kleur wordt eerst over de paginakleur samengesteld, zoals een browser hem tekent.
Haalt een paar het doel niet, dan is de suggestie de dichtstbijzijnde tint van dezelfde kleur die het wel haalt - gezocht op lichtheid en chroma in OKLCH en opnieuw gemeten na afronding op acht bits, zodat de hex die je kopieert de hex is die slaagt. Voldoen aan een contrasteis is één succescriterium van vele en maakt een pagina op zichzelf niet toegankelijk.
Website-audit in 2026: de complete checklist voor SEO, Core Web Vitals, toegankelijkheid en beveiliging
Een goede website-audit is geen losse Lighthouse-score en ook geen lijst met tientallen automatische waarschuwingen. De audit moet vier vragen beantwoorden: kan een zoekmachine de website correct vinden en begrijpen, kan een gebruiker zijn taak efficiënt afronden, is de website snel genoeg en stelt de website de eigenaar of bezoekers bloot aan onnodige risico’s?
Chrome vs Firefox vs Edge vs Safari: wat we leerden van het uitbrengen van 9 browserextensies
Negen extensies, vier browsers en veel meer dan één bestand `manifest.json`. We laten zien waar gedeelde code werkelijk ophoudt, waarom Safari een apart proces vereist en welke fouten pas door Firefox en de extensiewinkels zichtbaar worden.
Claude Code vs OpenAI Codex vs Gemini CLI: de beste AI-programmeeragent in 2026
Claude Code, OpenAI Codex en Gemini CLI kunnen repositories lezen, bestanden bewerken en tests uitvoeren, maar zijn ontworpen voor verschillende werkstijlen. We vergelijken kwaliteit, benchmarks, beveiliging, parallel werk, uitbreidingen, prijzen en privacy.
Bouw een beter web, sneller.
Wij bouwen maatwerksoftware en oplossingen afgestemd op jouw wensen.