Saavutettavuustyökalu

Värikontrastin laskuri

Varmista, että tekstin ja taustan värit täyttävät WCAG 2.1 AA- ja AAA-kontrastivaatimukset.

Kontrastisuhde on 21.00:1.
Normaalille tekstille vaaditaan vähintään 4,5:1 -suhde (WCAG AA).
WCAG AA (Normal)
Pass
Requires 4.5:1
WCAG AA (Large)
Pass
Requires 3.0:1
WCAG AAA (Normal)
Pass
Requires 7.0:1
WCAG AAA (Large)
Pass
Requires 4.5:1
The quick brown fox
Large Text (≥ 18pt or 14pt bold)
The quick brown fox jumps over the lazy dog.
Normal Text

Työkalun käyttö

Syötä etu- ja taustavärit heksamuodossa.

Laskuri määrittää automaattisesti, täyttävätkö ne WCAG-kontrastivaatimukset.

Suhteellisen luminanssin kaava

L = 0.2126·R + 0.7152·G + 0.0722·B

Missä R, G ja B ovat linearisoituja kanavia:

  • Jos c_sRGB ≤ 0.03928 → c = c_sRGB / 12.92
  • Muuten → c = ((c_sRGB + 0.055) / 1.055) ^ 2.4

Kontrastisuhde (CR) lasketaan sitten näin: CR = (L1 + 0.05) / (L2 + 0.05), missä L1 on vaaleampi ja L2 tummempi väri.

Mitä työkalu tarkistaa

Työkalu tarkistaa automaattisesti tekstin ja taustan välisen värikontrastisuhteen WCAG 2.1 AA- ja AAA-standardeja vasten.

Automaattisen testauksen rajoitukset

Automaattiset kontrastintarkistimet eivät pysty luotettavasti arvioimaan kontrastia liukuvärien, taustakuvien tai monimutkaisten taustakuvioiden päällä. Nämä tapaukset vaativat manuaalisen tarkistuksen.

Aiheeseen liittyvät työkalut

Aiheeseen liittyvät oppaat