Pemeriksa Kontras
Masukkan warna teks dan latar belakang untuk melihat rasio kontras WCAG serta tingkat kelulusan AA dan AAA.
Setiap pemeriksaan berjalan langsung di browser Anda. Tidak ada data yang Anda masukkan yang diunggah ke BroBroGo.
Tanya Jawab
Apa arti dari hasil kelulusan AA dan AAA?
AA adalah tingkat standar yang ditargetkan oleh sebagian besar situs web: memerlukan rasio minimal 4.5:1 untuk teks normal dan 3:1 untuk teks besar. AAA jauh lebih ketat — memerlukan rasio 7:1 untuk teks normal dan 4.5:1 untuk teks besar. Skala rasio berkisar dari 1:1 (tidak ada kontras) hingga 21:1 (hitam di atas putih).
Apa saja yang dikategorikan sebagai teks berukuran besar?
Teks berukuran mulai dari 18pt (sekitar 24px), atau 14pt (sekitar 18.5px) jika tebal. Teks yang lebih besar tetap mudah dibaca pada kontras yang lebih rendah, sehingga dapat lolos standar AA pada rasio 3:1 dan AAA pada rasio 4.5:1, berbeda dengan batas teks normal yang lebih ketat.
Format warna apa saja yang bisa saya masukkan?
Ketik nilai hex seperti #1a1a1a, nilai rgb() seperti rgb(26, 26, 26), atau nilai hsl() — atau klik salah satu palet untuk memilih warna. Gunakan tombol tukar untuk membalik warna teks dan latar belakang.
Apakah ini menggunakan metode WCAG 2 atau metode APCA yang baru?
Alat ini menggunakan rumus WCAG 2.1 / 2.2, yang menjadi acuan standar aksesibilitas dan audit saat ini. APCA adalah metode baru berbasis persepsi visual yang masih dirancang untuk WCAG 3 — metode ini sangat menjanjikan, tetapi belum menjadi standar kepatuhan resmi, sehingga hasil kelulusan di sini tidak menggunakannya.