Monu Tools

Farvekontrast-tjekker

Tjek kontrastforholdet mellem to farver mod WCAG AA- og AAA-tilgængelighedsniveauer.

Sådan bruger du Kontrast-tjekker

  1. 01

    Vælg en tekstfarve og en baggrundsfarve.

  2. 02

    Læs kontrastforholdet og WCAG bestået- eller ikke bestået-mærkerne.

  3. 03

    Justér farverne, indtil de består det niveau, du har brug for.

Ofte stillede spørgsmål

Hvilket kontrastforhold har jeg brug for?

WCAG AA kræver 4,5:1 for normal tekst og 3:1 for stor tekst (18 pt eller 14 pt fed). AAA kræver henholdsvis 7:1 og 4,5:1.

Hvad tæller som stor tekst?

Tekst, der er mindst 24 px (18 pt), eller 18,66 px (14 pt) når den er fed. Stor tekst tillades et lavere kontrastforhold.

Hvordan beregnes forholdet?

Ud fra den relative luminans af hver farve med den officielle WCAG-formel, hvilket giver en værdi fra 1:1 (ingen kontrast) til 21:1 (sort på hvid).

Om dette værktøj

En WCAG-farvekontrast-tjekker, der viser det nøjagtige kontrastforhold mellem en tekst- og baggrundsfarve, og om det opfylder AA- og AAA-tilgængelighedsniveauer.

Vælg farver med farveprøven eller med hex-kode og se en live forhåndsvisning. God kontrast gør dit site læsbart og tilgængeligt.

Relaterede værktøjer