Apa itu Pemeriksa Kontras WCAG?

Pemeriksa kontras warna WCAG yang menghitung rasio kontras antara warna latar depan dan latar belakang serta melaporkan apakah kombinasi tersebut memenuhi standar aksesibilitas WCAG 2.1 Level AA dan AAA untuk teks normal dan teks besar.

Cara menggunakan

1. Masukkan atau pilih warna latar depan (teks) dan warna latar belakang menggunakan color picker atau input hex.
2. Lihat rasio kontras dan hasil lulus/gagal untuk kepatuhan WCAG AA dan AAA pada teks normal, teks besar, dan komponen UI.
3. Jika kontras gagal, gunakan saran penyesuaian warna untuk menemukan kombinasi warna aksesibel yang paling mendekati.

Hasil

Seorang desainer UI memeriksa biru merek mereka #3B82F6 pada latar putih #FFFFFF — rasio 4.5:1 lulus AA untuk teks besar tetapi gagal AAA untuk teks normal. Mereka menggelapkan ke #2563EB (5.3:1) agar lulus keduanya.

Alat terkait