Pemeriksa Kontras Warna
Uji pematuhan kontras WCAG 2.1 AA/AAA untuk reka bentuk web yang boleh diakses
Pemeriksa Kontras Warna
Pratonton Langsung
Alternatif Boleh Diakses
Semua tahap kontras lulus! Tiada cadangan diperlukan.
Keperluan WCAG 2.1
| Tahap | Biasa | Besar |
|---|---|---|
| AA | 4.5:1 | 3:1 |
| AAA | 7:1 | 4.5:1 |
Ciri-ciri
Pematuhan WCAG 2.1
Menguji tahap AA dan AAA untuk teks biasa dan besar mengikut garis panduan rasmi WCAG 2.1
Pratonton Langsung
Lihat kombinasi warna anda secara masa nyata dengan teks contoh pada saiz berbeza
Cadangan Pintar
Dapatkan alternatif warna yang boleh diakses secara automatik apabila kombinasi anda gagal memenuhi keperluan kontras
Privasi Diutamakan
Semua pengiraan dilakukan secara tempatan dalam pelayar anda, tiada data dihantar ke pelayan
Cara Menggunakan?
Pilih Warna
Masukkan warna latar depan (teks) dan latar belakang menggunakan pemilih warna atau medan input HEX.
Semak Keputusan
Lihat nisbah kontras dan status pematuhan WCAG AA/AAA untuk teks biasa dan besar.
Gunakan Cadangan
Jika kontras gagal, klik pada alternatif warna yang boleh diakses yang dicadangkan untuk menggunakannya serta-merta.
Soalan Lazim
Apa itu Pemeriksa Kontras Warna?
Alat yang memberitahu anda sama ada warna teks dan latar belakang anda memenuhi standard kebolehcapaian WCAG 2.1. Pilih dua warna dan lihat serta-merta sama ada ia lulus tahap AA dan AAA untuk teks biasa dan besar. Jika gagal, alat ini mencadangkan alternatif yang boleh diakses dengan satu klik.
Kenapa kontras penting
Kontras warna yang lemah adalah salah satu masalah kebolehcapaian paling biasa di web. Ia memberi kesan kepada orang yang mempunyai masalah penglihatan, buta warna dan juga pengguna di bawah cahaya matahari terik. Mematuhi WCAG bukan sahaja amalan baik, ia sering menjadi keperluan undang-undang.
Cara menggunakan
Masukkan warna latar depan dan belakang menggunakan kod HEX atau pemilih warna. Alat ini mengira nisbah kontras serta-merta dan menunjukkan lulus atau gagal untuk setiap tahap WCAG. Jika kontras rendah, semak bahagian cadangan.
Tips untuk pereka
Uji palet warna awal dalam proses reka bentuk, bukan selepas laman siap dibina. Teks gelap pada latar terang biasanya berkesan. Elakkan bergantung pada warna sahaja untuk menyampaikan maklumat.
Privasi
Semua berjalan dalam pelayar anda. Tiada data warna dihantar ke pelayan. Tiada akaun, tiada penjejakan.