Pemeriksa Aksesibilitas Warna — Kontras WCAG & Simulasi Buta Warna
Pemeriksa kontras WCAG 2.1 gratis untuk menguji kombinasi warna apa pun terhadap standar aksesibilitas. Verifikasi keterbacaan teks untuk kepatuhan Level AA dan AAA — penting untuk desain web yang inklusif.
Verifikasi pasangan warna untuk kepatuhan kontras WCAG dan kemampuan pembedaan buta warna
Cara Menggunakan
- Pilih atau masukkan warna depan dan latar menggunakan color picker atau input HEX/RGB.
- Lihat pratinjau teks langsung dan periksa hasil kepatuhan WCAG AA/AAA.
- Tinjau strip simulasi buta warna untuk melihat bagaimana setiap jenis CVD melihat warna Anda.
- Jika pemeriksaan gagal, klik alternatif yang disarankan untuk memperbaiki pasangan warna secara instan.
- Gunakan mode palet massal untuk memeriksa semua kombinasi dari palet sistem desain Anda.
Fitur
Pertanyaan yang Sering Diajukan
Apa itu rasio kontras WCAG?
Pedoman Aksesibilitas Konten Web (WCAG) mendefinisikan rasio kontras minimum antara teks dan warna latar. Level AA memerlukan 4.5:1 untuk teks normal dan 3:1 untuk teks besar (18pt+). Level AAA memerlukan 7:1 untuk normal dan 4.5:1 untuk besar. Rasio lebih tinggi berarti keterbacaan lebih baik.
Apa itu buta warna (CVD)?
Defisiensi Penglihatan Warna (CVD) memengaruhi sekitar 8% pria dan 0,5% wanita di seluruh dunia. Jenis paling umum adalah protanopia (buta merah) dan deuteranopia (buta hijau). Alat ini mensimulasikan bagaimana pasangan warna Anda terlihat oleh orang dengan setiap jenis.
Bagaimana fitur saran otomatis bekerja?
Ketika pasangan warna gagal dalam pemeriksaan WCAG atau CVD, alat mencari warna terdekat yang lolos semua kriteria. Alat menyesuaikan kecerahan sambil mempertahankan warna dasar, sehingga warna yang disarankan tetap sesuai dengan desain Anda sambil memenuhi aksesibilitas.
Apakah data saya aman?
Ya, 100%. Semua perhitungan warna dilakukan langsung di browser Anda menggunakan JavaScript. Tidak ada warna, palet, atau data yang dikirim ke server mana pun. Anda bahkan dapat menggunakan alat ini secara offline setelah pemuatan pertama.
Apa itu Delta E dan mengapa penting?
Delta E (CIE2000) mengukur perbedaan perseptual antara dua warna. Delta E di bawah 1 berarti dua warna hampir identik bagi mata manusia. Untuk aksesibilitas, kami merekomendasikan minimum Delta E 10 antara depan dan latar di semua simulasi CVD untuk memastikan kemampuan pembedaan.
