Tentang alat ini
Periksa rasio kontras warna antara teks latar depan dan warna latar belakang sesuai dengan pedoman aksesibilitas WCAG 2.1. Masukkan warna sebagai kode hex, nilai RGB, atau nilai HSL dan langsung lihat rasio kontras beserta hasil lulus/gagal untuk kepatuhan WCAG AA dan AAA pada ukuran teks normal dan besar.
Pertanyaan yang sering diajukan
- Berapa rasio kontras yang diperlukan untuk kepatuhan WCAG?
- WCAG AA memerlukan 4,5:1 untuk teks normal dan 3:1 untuk teks besar (18pt+ atau 14pt+ tebal). WCAG AAA memerlukan 7:1 untuk teks normal dan 4,5:1 untuk teks besar. Rasio maksimum yang mungkin adalah 21:1 (hitam di atas putih).
- Mengapa kontras warna penting?
- Kontras yang memadai memastikan teks dapat dibaca oleh pengguna dengan gangguan penglihatan, buta warna, atau mereka yang melihat layar di bawah sinar matahari cerah. Ini juga merupakan persyaratan hukum berdasarkan peraturan aksesibilitas ADA dan UE untuk banyak situs web.
- Apa yang dimaksud dengan 'teks besar' di WCAG?
- Teks besar didefinisikan sebagai 18pt (24px) ke atas untuk bobot biasa, atau 14pt (18,66px) ke atas untuk teks tebal. Teks besar memiliki persyaratan kontras yang lebih rendah karena lebih mudah dibaca.
- Apakah alat ini memeriksa kontras untuk elemen non-teks?
- WCAG 2.1 memerlukan rasio kontras 3:1 untuk komponen UI dan objek grafis (tombol, ikon, bidang formulir). Anda juga dapat menggunakan alat ini untuk memverifikasinya — cukup masukkan komponen dan warna latar belakang.