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.
Cara Menggunakan
1
Pilih atau masukkan warna depan dan latar menggunakan color picker atau input HEX/RGB.
2
Lihat pratinjau teks langsung dan periksa hasil kepatuhan WCAG AA/AAA.
3
Tinjau strip simulasi buta warna untuk melihat bagaimana setiap jenis CVD melihat warna Anda.
4
Jika pemeriksaan gagal, klik alternatif yang disarankan untuk memperbaiki pasangan warna secara instan.
5
Gunakan mode palet massal untuk memeriksa semua kombinasi dari palet sistem desain Anda.
Verifikasi pasangan warna untuk kepatuhan kontras WCAG dan kemampuan pembedaan buta warna
Pilih dua warna untuk memeriksa rasio kontras dan visibilitas buta warna.
Warna Depan
Warna Latar
Teks Besar (18pt+)
Pratinjau Judul
Teks Normal (16px)
Seorang juru masak yang pandai memasak gulai kambing.
Pratinjau teks isi — begini pengguna Anda akan melihat kombinasi warna ini dalam konten nyata.
Kontras WCAG 2.1
AA memerlukan 4.5:1 untuk teks normal, 3:1 untuk besar. AAA memerlukan 7:1 / 4.5:1.
12.63:1
AA Normal
Lulus
AA Besar
Lulus
AAA Normal
Lulus
AAA Besar
Lulus
Simulasi Buta Warna
Bagaimana pasangan warna Anda terlihat oleh orang dengan berbagai jenis defisiensi penglihatan warna.
Alternatif yang Disarankan
Alternatif warna aksesibel yang lolos WCAG AA dan dapat dibedakan di semua jenis CVD.
Pemeriksaan Palet Massal
Tempel 3–10 warna HEX (satu per baris atau dipisahkan koma) untuk memeriksa semua kombinasi pasangan.
Diterbitkan
Diperbarui
