Pemeriksa kontras warna

Rasio membandingkan luminansi relatif dari warna latar depan dan latar belakang menggunakan rumus kontras WCAG. Skala berjalan dari 1:1 untuk luminansi identik hingga 21:1 untuk perbedaan hitam-putih terkuat. Perhitungan menggunakan nilai warna yang dimasukkan, sehingga tidak secara otomatis memperhitungkan transparansi, gradien, gambar latar belakang, bayangan, anti-aliasing, kondisi tampilan, atau warna berbeda yang ditampilkan dalam keadaan interaktif. Uji warna yang benar-benar dirender untuk keadaan normal, hover, fokus, aktif, nonaktif, dan dikunjungi ketika berbeda.

Untuk teks biasa, WCAG AA menggunakan rasio minimum 4.5:1 dan AAA menggunakan 7:1. Teks besar menggunakan ambang lebih rendah karena karakter yang lebih besar dan cukup tebal lebih mudah dibedakan: 3:1 untuk AA dan 4.5:1 untuk AAA. Apakah teks memenuhi syarat sebagai besar tergantung pada ukuran dan berat yang dirender, bukan hanya label desain. Sepasang warna karena itu dapat lulus untuk judul besar dan gagal untuk teks isi. Periksa persyaratan yang cocok dengan tipografi nyata dan target kesesuaian.

Ya. Kontras teks hanya satu bagian dari aksesibilitas warna. Informasi visual yang diperlukan untuk mengidentifikasi kontrol antarmuka pengguna, status komponen, objek grafis, dan indikator fokus keyboard biasanya membutuhkan setidaknya 3:1 kontras terhadap warna yang berdekatan di bawah panduan kontras non-teks WCAG. Elemen dekoratif dan kontrol tidak aktif memiliki pertimbangan berbeda. Uji batas, ikon, bagan, status terpilih, pesan validasi, dan garis fokus dalam konteks. Sepasang teks yang lulus AA tidak membuktikan bahwa setiap elemen interaktif atau grafis di layar yang sama dapat diakses.

Masukkan warna latar depan dan latar belakang efektif pada titik di mana teks atau grafik penting muncul. Lapisan semi-transparan bercampur dengan apa yang ada di belakangnya, dan gradien atau foto menciptakan rasio kontras berbeda di seluruh elemen yang sama. Sampel area lemah yang paling relevan, lalu uji posisi lain yang mungkin dan potongan responsif. Jika kontras tergantung pada bayangan, garis, atau hamparan, sertakan efek yang benar-benar dirender dalam tinjauan manual. Lebih suka latar belakang padat yang stabil di belakang teks penting ketika gambar yang mendasarinya dapat berubah.

Tidak. Kontras adalah satu persyaratan yang dapat diukur. Desain yang dapat diakses juga membutuhkan jenis yang dapat dibaca, spasi yang cukup, struktur semantik, label, operasi keyboard, fokus yang terlihat, alternatif yang bermakna, zoom dan reflow yang dapat digunakan, gerakan terkontrol, dan instruksi yang tidak bergantung pada warna saja. Pasangan warna dapat lulus secara matematis sementara masih sulit dalam font tipis, ukuran kecil, silau, perbedaan penglihatan warna, atau tata letak padat. Gunakan hasilnya sebagai satu pemeriksaan dalam tinjauan yang lebih luas dan uji antarmuka yang sebenarnya dengan konten dan status yang representatif.