Input
Menyiapkan ruang kerja Anda…
Cara menggunakan
- Masukkan warna teks dan latar yang opak.
- Tinjau pratinjau, rasio kontras dan setiap hasil lulus/gagal.
- Sesuaikan warna atau tukar keduanya, lalu salin rasio.
Memahami hasil pemeriksaan kontras
Warna teks yang jelas pada satu latar dapat sulit terlihat pada latar lain. Alat ini membandingkan pasangan warna serta membedakan syarat untuk teks normal, teks besar dan grafis antarmuka.
Pratinjau memberi konteks visual, sedangkan hasil lulus/gagal memakai rasio terhitung. Ukuran dan ketebalan font serta desain sekitarnya tetap perlu diperiksa pada antarmuka akhir.
Memahami rasio
Luminansi relatif dihitung dari kanal sRGB yang dilinearkan. Rasio kontras adalah luminansi lebih terang ditambah 0,05 dibagi luminansi lebih gelap ditambah 0,05.
Contoh hitam pada putih mencapai 21:1. Menukar warna teks dan latar mempertahankan rasionya, meskipun tampilan berubah.
#000000 on #ffffff21.00:1 · AA and AAA passTeks hitam pada putih menghasilkan rasio kontras WCAG maksimum, yaitu 21:1.
Ambang dan pembulatan
Teks normal memerlukan 4,5:1 untuk AA dan 7:1 untuk AAA. Teks besar memakai 3:1 dan 4,5:1; grafis antarmuka memakai 3:1 bila kriterianya berlaku.
Rasio ditampilkan dengan dua desimal, tetapi keputusan lulus/gagal memakai nilai tanpa pembulatan. Warna transparan ditolak karena warna efektifnya bergantung pada latar.
Memeriksa antarmuka akhir
Nilai rasio harus dilihat bersama ukuran, ketebalan teks dan keadaan komponen. Pasangan warna yang lulus tidak menilai indikator fokus, akses keyboard, kejelasan label atau aspek halaman lainnya.
Input teks hingga 1 MiB. Transformasi CSS dan HTML berjalan dalam worker dengan batas 30 detik. Alat warna menggunakan sRGB; gaya yang dihasilkan merupakan pratinjau dan perlu diuji dalam tata letak Anda sendiri.
Pertanyaan umum
Mengapa rasio yang ditampilkan pada ambang masih gagal?
Tampilan dua desimal dapat membulatkan ke atas. Pemeriksaan memakai nilai penuh, sehingga angka yang sedikit di bawah ambang tetap gagal.
Dapatkah saya memasukkan warna transparan?
Tidak. Masukkan warna opak akhir setelah dikomposisikan dengan latar yang sesuai.
Apakah menukar warna mengubah rasio?
Tidak. Rasio luminansi simetris. Pertukaran hanya mengubah pratinjau untuk membandingkan tampilannya.
Apakah hasil AA berarti seluruh halaman aksesibel?
Tidak. Hasil hanya memeriksa pasangan warna terhadap ambang yang ditampilkan. Kriteria teks atau komponen serta syarat aksesibilitas lain perlu ditinjau terpisah.
Dapatkah hasil kontras disimpan?
Gunakan Salin untuk menyalin rasio yang ditampilkan. Alat ini tidak membuat laporan aksesibilitas atau sertifikasi halaman.