Teksto at mga dokumento na tool

Tagasuri ng WCAG Color Contrast

Maglagay ng HEX na foreground at background color para lokal na kalkulahin ang relative luminance at contrast. Batay ito sa WCAG 2.2 SC 1.4.3 at 1.4.6.

Lokal na pinoproseso sa browserHindi kailangan ng accountMga detalye ng pagkapribado ↗

Gumamit ng opaque sRGB #RGB o #RRGGBB. Hindi kasama ang alpha at pagiging transparent.

Ratio ng kaibahan ng kulay
Kamag-anak na liwanag ng kulay sa harapan
Kamag-anak na liwanag ng kulay sa likuran

Karaniwang teksto

AA

AAA

Malaking teksto

AA

AAA

Hindi mapatutunayan ng isang pares ng kulay lamang na sumusunod ang buong pahina sa WCAG o mga legal na kinakailangan sa pagiging naa-access.

Paano gamitin

Paano gamitin

  1. Enter a foreground and background color as #RGB or #RRGGBB.
  2. Review the live swatch, relative luminance, and contrast ratio.
  3. Use the AA/AAA results as a focused design check.

Mga threshold ng WCAG 2.2

Normal text: AA 4.5:1 at AAA 7:1. Malaking text: AA 3:1 at AAA 4.5:1.

Opaque sRGB lamang

Tinatanggap ang #RGB at #RRGGBB. Walang alpha, transparency, gradient, larawan, o compositing.

Limitadong pagsusuri

Hindi mapapatunayan ng isang pares ng kulay lamang na sumusunod ang buong page sa WCAG o sa mga legal na accessibility requirement.

Mga madalas itanong

Maaari mo ring alamin

Which HEX formats are accepted?

Use #RGB or #RRGGBB opaque sRGB values.

Does a passing result prove accessibility?

No. Review the whole page and all relevant states.