Pemeriksa Kontras WCAG
Privasi sejak awal — berjalan sepenuhnya di peramban Anda
Pilih warna depan dan latar, lihat rasio kontras WCAG serta lencana AA/AAA untuk teks normal, teks besar, dan komponen UI.
Rasio berapa yang dianggap lulus
WCAG AA mensyaratkan 4,5:1 untuk teks normal dan 3:1 untuk teks besar (≥18 px regular atau ≥14 px bold). AAA memperketat menjadi 7:1 dan 4,5:1.
Apa aturan 3:1 komponen UI
WCAG 2.1 SC 1.4.11 menuntut kontras 3:1 untuk ikon, garis kolom formulir, dan elemen UI non-teks lain yang membawa informasi. Lencana di alat ini menutupi kasus tersebut.
Warna semi-transparan bagaimana
Bisa jika nilai berupa rgba dan latar sudah pekat; untuk beberapa lapisan transparan ratakan dulu di hulu. Alat memperingatkan jika parser tidak dapat membaca nilainya.
Pertanyaan yang Sering Diajukan
- Rasio berapa yang dianggap lulus?
- WCAG AA mensyaratkan 4,5:1 untuk teks normal dan 3:1 untuk teks besar (≥18 px regular atau ≥14 px bold). AAA memperketat menjadi 7:1 dan 4,5:1.
- Apa aturan 3:1 komponen UI?
- WCAG 2.1 SC 1.4.11 menuntut kontras 3:1 untuk ikon, garis kolom formulir, dan elemen UI non-teks lain yang membawa informasi. Lencana di alat ini menutupi kasus tersebut.
- Warna semi-transparan bagaimana?
- Bisa jika nilai berupa rgba dan latar sudah pekat; untuk beberapa lapisan transparan ratakan dulu di hulu. Alat memperingatkan jika parser tidak dapat membaca nilainya.
- Adakah yang diunggah?
- Tidak. Perhitungan adalah fungsi kecil di halaman ini; warna tidak pernah meninggalkan peramban.