Checador de contraste

Valida um par de cores foreground / background contra WCAG 2.2 AA e AAA. 100% client-side; nada sai do browser.

Amostra de texto grande — 24 px / 18 pt bold

Amostra de corpo normal — confirme que a razão se sustenta em todo tamanho que sua interface usa.

Razão de contraste —
  • AA · texto normal ≥ 4.5
  • AA · texto grande ≥ 3.0
  • AAA · texto normal ≥ 7.0
  • AAA · texto grande ≥ 4.5
  • Não-texto (componentes de UI) ≥ 3.0