Pemeriksa kontras warna WCAG
Masukkan warna teks dan latar untuk mendapatkan rasio kontras WCAG dan lihat apakah memenuhi AA dan AAA untuk teks normal dan besar.
- Berjalan di browser
- Tanpa unggahan
- Hasil tetap di perangkat Anda
Privasi & batasBerjalan di browser Anda. Tidak ada yang diunggah.
Isi input tetap di tab ini; Refentra tidak mengunggah atau menyimpannya. Jumlah tindakan agregat opsional hanya dikirim dengan persetujuan pengukuran penggunaan Anda. Hapus ruang kerja setelah selesai.
Profil yang didukung: WCAG 2.2 sRGB opak; AA normal/besar: 4,5/3; AAA: 7/4,5. Besar: 18pt atau 14pt tebal.
Maksimum 200.000 unit UTF-16; batas parser bisa lebih kecil. Worker: 15 detik (regex 1,5 detik).
Periksa input dan hasil
- Siapkan dan pilih operasi
Masukkan warna latar depan dan latar belakang yang opak; bandingkan ambang teks biasa dan teks besar secara terpisah.
- Periksa contoh nyata
Coba contoh ini dan bandingkan hasil yang ditunjukkan: #000000 / #ffffff → 21:1; #777777 / #ffffff → ≈4.48:1 < AA 4.5:1
- Periksa sebelum memakai hasil
Baca rasio angkanya sebelum label lulus; nilai yang mendekati 4.5 harus memenuhi ambang tanpa pembulatan.
Jawaban untuk tugas ini
Kapan teks dianggap besar?
Teks besar menurut WCAG minimal 18pt, atau 14pt tebal; AA mensyaratkan 3:1 untuk teks tersebut, dibanding 4.5:1 untuk teks biasa.
Apa yang perlu diperiksa jika input ditolak?
Gunakan sintaks warna opak yang didukung; selesaikan transparansi terhadap latar belakang yang sebenarnya sebelum membandingkan.
Sampai di mana batas alat ini?
Kontras dua warna menurut WCAG 2.2 bukan audit aksesibilitas yang lengkap; gradasi, gambar, visibilitas fokus, dan konteks perlu diperiksa secara terpisah.