Pemeriksa kontras warna online gratis yang menguji rasio kontras antara dua warna terhadap standar aksesibilitas WCAG 2. 1 (AA, AAA).
Bagaimana cara menggunakan Pemeriksa Kontras Warna?
Masukkan warna latar depan (teks) dan latar belakang.
Periksa rasio kontras dan tingkat WCAG (AA/AAA).
Sesuaikan warna sesuai kebutuhan untuk memenuhi standar.
Pertanyaan yang sering diajukan tentang Pemeriksa Kontras Warna
Apa perbedaan antara WCAG AA dan AAA?
AA memerlukan 4,5:1 untuk teks normal dan 3:1 untuk teks besar. AAA lebih ketat pada 7:1 dan 4,5:1 masing-masing.
Bagaimana jika rasio kontras saya tidak lolos?
Sesuaikan warna menjadi lebih terang atau lebih gelap untuk meningkatkan kontras. Alat ini menampilkan hasil secara waktu nyata saat Anda menyesuaikan.
Teks besar punya ambang lebih rendah — sebesar apa baru disebut besar?
WCAG menghitung teks sebagai besar mulai 18pt (sekitar 24px) pada ketebalan normal, atau 14pt (sekitar 18,7px) bila tebal. Memenuhi itu menurunkan syarat AA dari 4,5:1 menjadi 3:1. Ingat bahwa ini batas bawah, bukan sasaran: teks isi tetap harus terbaca di layar laptop yang diredupkan atau di bawah sinar matahari, jadi membidik mendekati 7:1 adalah kebiasaan yang lebih aman.
Bagaimana memeriksa kontras teks di atas foto atau panel semi transparan?
Perhitungan kontras mengandaikan dua warna rata, jadi pada foto Anda harus mengambil titik paling terang dan paling gelap di bawah teks lalu memeriksanya dua kali. Bila salah satunya gagal, teks akan tenggelam di suatu bagian gambar. Dalam praktiknya, memasang bidang warna solid di belakang teks lebih andal daripada lapisan hitam semi transparan atau bayangan huruf, karena keduanya bergantung pada apa yang ada di bawahnya.
Tips menggunakan Pemeriksa Kontras Warna secara efektif
Teks isi butuh 4,5:1; teks 18pt atau tebal 14pt ke atas cukup 3:1 untuk lolos level AA.
Pedoman aksesibilitas web di Indonesia mengacu pada ambang kontras WCAG yang sama.
Elemen nonteks seperti ikon dan garis tepi isian juga perlu kontras 3:1.