Pemeriksa kontras warna
Periksa apakah teks benar-benar akan terbaca, berdasarkan standar aksesibilitas.
- Berjalan di browser Anda — teks Anda tidak pernah dikirim ke mana pun
- Tanpa pendaftaran, tanpa kuota, gratis dipakai sesering yang Anda mau
Cara kerjanya
Teks abu-abu muda di atas putih adalah kegagalan aksesibilitas yang paling umum di web, dan sepenuhnya dapat dihindari. Pedoman aksesibilitas mendefinisikan kontras sebagai rasio yang tepat, sehingga lulus tidaknya sebuah pasangan warna adalah soal hitungan, bukan opini.
Bagaimana rasio dihitung
Luminans relatif setiap warna dihitung sesuai ketentuan pedoman — dengan koreksi gamma diterapkan per kanal — dan rasio diambil antara yang lebih terang dan yang lebih gelap. Hasilnya cocok dengan yang akan dilaporkan audit aksesibilitas, karena rumusnya sama.
Ambang batas
Teks normal membutuhkan 4.5:1 untuk AA dan 7:1 untuk AAA. Teks besar — kira-kira 24px, atau 18.7px jika tebal — hanya membutuhkan 3:1 untuk AA dan 4.5:1 untuk AAA. Komponen antarmuka dan grafik yang bermakna membutuhkan 3:1. AA adalah yang dipersyaratkan oleh sebagian besar organisasi dan sebagian besar peraturan.
Mengapa teks besar diberi batas yang lebih rendah
Bentuk huruf yang lebih besar memiliki lebih banyak piksel pada setiap goresannya, sehingga tetap terbaca pada kontras yang lebih rendah. Inilah sebabnya judul dapat menggunakan abu-abu yang lebih muda daripada teks isi.
Apa yang tidak ditangkap oleh rasio
Rasio tidak menyatakan apa pun tentang buta warna, yang merupakan pemeriksaan terpisah, dan tidak menyatakan apa pun tentang apakah teks cukup besar atau jenis hurufnya terbaca. Rasio yang lulus adalah batas minimum, bukan bukti desain yang terbaca.
Pemeriksa kontras warna — pertanyaan
Rasio kontras berapa yang saya butuhkan?
4.5:1 untuk teks normal pada AA, 3:1 untuk teks besar. AAA menaikkannya menjadi 7:1 dan 4.5:1.
Apa yang dihitung sebagai teks besar?
Kira-kira 24px ke atas, atau 18.7px ke atas jika tebal.
Apakah lulus berarti desain saya mudah diakses?
Tidak. Kontras hanyalah satu persyaratan di antara banyak lainnya; tidak menyatakan apa pun tentang buta warna, ukuran teks, atau keterbacaan.