Kleurcontrast-controle (WCAG)

Hoe controleer ik kleurcontrast?

Hoe te gebruiken

  1. Voer de benodigde waarden in de velden in.
  2. Klik op “Berekenen” om het resultaat te zien.
  3. Kopieer of deel het resultaat met de knop “Delen”.

Over deze rekenmachine

Dit hulpmiddel berekent de WCAG-contrastverhouding tussen een voorgrond- en achtergrondkleur, een waarde van 1:1 (identieke kleuren, geen contrast) tot 21:1 (puur zwart op puur wit), berekend uit de relatieve luminantie van elke kleur. Vervolgens toetst het die verhouding aan de officiële toegankelijkheidsdrempels AA en AAA — 4,5:1 voor AA en 7:1 voor AAA (de norm staat voor grote tekst ook een lagere grens van 3:1 toe, die dit hulpmiddel niet toepast) — om te zeggen of een bepaalde combinatie van tekst en achtergrond werkelijk leesbaar genoeg is om aan de toegankelijkheidsnormen te voldoen.

Het wordt gebruikt door webontwerpers en frontendontwikkelaars die een kleurenpalet controleren voordat ze het uitbrengen, want tekst met weinig contrast is een van de meest voorkomende klachten over toegankelijkheid en kan in sommige rechtsgebieden in strijd zijn met wettelijke toegankelijkheidseisen. Toegankelijkheidsauditors gebruiken dezelfde berekening bij het beoordelen van een website of app op WCAG-naleving, en ontwerpsystemen bakken kleurparen die AA halen vaak rechtstreeks in hun componentbibliotheken om het probleem helemaal te vermijden.

Was this helpful?

Je kunt maximaal 3 reacties kiezen.

Comments (0)

  • Be the first to comment.

Populaire rekenmachines

Alle rekenmachines