Penyemak kontras warna
Semak sama ada teks benar-benar boleh dibaca, mengikut piawaian kebolehaksesan.
- Berjalan dalam pelayar anda — teks anda tidak pernah dihantar ke mana-mana
- Tanpa pendaftaran, tanpa kuota, percuma digunakan sebanyak mana yang anda suka
Cara ia berfungsi
Teks kelabu cerah di atas putih ialah kegagalan kebolehaksesan yang paling biasa di web, dan ia sepenuhnya boleh dielakkan. Garis panduan kebolehaksesan mentakrifkan kontras sebagai nisbah yang tepat, jadi sama ada sesuatu gandingan lulus ialah soal aritmetik dan bukan pendapat.
Bagaimana nisbah dikira
Luminans relatif setiap warna dikira seperti yang ditetapkan garis panduan — dengan pembetulan gama dikenakan bagi setiap saluran — dan nisbah diambil antara yang lebih cerah dan lebih gelap. Hasilnya sepadan dengan apa yang akan dilaporkan oleh audit kebolehaksesan, kerana ia formula yang sama.
Ambang
Teks biasa memerlukan 4.5:1 untuk AA dan 7:1 untuk AAA. Teks besar — kira-kira 24px, atau 18.7px jika tebal — hanya memerlukan 3:1 untuk AA dan 4.5:1 untuk AAA. Komponen antara muka dan grafik bermakna memerlukan 3:1. AA ialah apa yang diperlukan oleh kebanyakan organisasi dan kebanyakan perundangan.
Mengapa teks besar dibenarkan kurang
Bentuk huruf yang lebih besar mempunyai lebih banyak piksel yang membentuk setiap goresan, jadi ia kekal boleh dibaca pada kontras yang lebih rendah. Inilah sebabnya tajuk boleh menggunakan kelabu yang lebih cerah daripada teks badan.
Apa yang tidak ditangkap oleh nisbah
Ia tidak mengatakan apa-apa tentang buta warna, yang merupakan semakan berasingan, dan tiada apa-apa tentang sama ada teks cukup besar atau jenis huruf boleh dibaca. Nisbah yang lulus ialah paras dasar, bukan bukti reka bentuk yang boleh dibaca.
Penyemak kontras warna — soalan lazim
Apakah nisbah kontras yang saya perlukan?
4.5:1 untuk teks biasa pada AA, 3:1 untuk teks besar. AAA menaikkannya kepada 7:1 dan 4.5:1.
Apakah yang dikira sebagai teks besar?
Kira-kira 24px ke atas, atau 18.7px ke atas jika tebal.
Adakah lulus bermakna reka bentuk saya boleh diakses?
Tidak. Kontras hanyalah satu keperluan antara banyak; ia tidak mengatakan apa-apa tentang buta warna, saiz teks atau kebolehbacaan.