Pemeriksa Kontras WCAG
betaPemeriksa kontras WCAG gratis ini mengukur kontras warna antara teks dan latarnya agar desain Anda tetap mudah dibaca dan aksesibel. Pilih warna teks dan warna latar untuk melihat rasio kontras yang tepat, pratinjau langsung, serta apakah memenuhi WCAG 2.1 AA dan AAA untuk teks normal maupun besar. Semuanya berjalan di browser Anda.
Periksa kontras warna antara teks dan latarnya terhadap WCAG 2.1. Pilih dua warna dan lihat rasio kontras serta apakah lolos AA dan AAA untuk teks normal dan besar. Berjalan di browser Anda.
Teks normal — rubah cokelat gesit melompati anjing malas.
Contoh teks besar
Teks besar adalah 18pt+ (atau 14pt+ tebal). AAA adalah level paling ketat.
Cara menggunakan Pemeriksa Kontras WCAG
- 1 Pilih warna teks dan warna latar Anda (swatch atau hex).
- 2 Baca rasio kontras dan pratinjau langsung.
- 3 Cek badge lolos/gagal AA / AAA untuk teks normal dan besar.
- 4 Gunakan Tukar untuk mencoba kebalikannya, dan sesuaikan hingga lolos.
Pertanyaan yang sering diajukan
Rasio kontras berapa yang saya butuhkan?
WCAG 2.1 AA butuh 4,5:1 untuk teks normal dan 3:1 untuk teks besar; AAA butuh 7:1 dan 4,5:1. Teks besar kira-kira 18pt+ (atau 14pt+ tebal).
Bagaimana rasio dihitung?
Menggunakan rumus luminansi relatif WCAG pada kedua warna, lalu (lebih terang + 0,05) / (lebih gelap + 0,05), menghasilkan nilai dari 1:1 hingga 21:1.
Apakah ada yang diunggah?
Tidak. Pemeriksaan berjalan sepenuhnya di browser Anda; warna Anda tidak pernah meninggalkan perangkat.
Apa beda AA dan AAA?
AA adalah baseline umum secara hukum dan praktik; AAA adalah level paling ketat untuk aksesibilitas lebih tinggi. Targetkan minimal AA, dan AAA bila memungkinkan.
Apakah bekerja offline?
Ya. PDFPowerHub adalah PWA, jadi setelah dimuat pemeriksa bekerja tanpa koneksi internet.