Uji warna teks dan latar yang sebenarnya
Masukkan warna HEX untuk teks dan warna lain untuk latarnya. Pemeriksa mengubah saluran sRGB masing-masing menjadi luminans relatif, lalu menghitung kontras antara warna yang lebih terang dan lebih gelap. Rasionya berkisar dari 1:1 untuk warna identik sampai 21:1 untuk hitam di atas putih. Angka ini lebih berguna daripada menilai warna berdasarkan nama, karena dua rona yang berbeda dapat memiliki luminans serupa. Pratinjau menampilkan pasangan itu sebagai tulisan di atas latar nyata. Pakailah warna yang betul-betul bertemu pada halaman: gradien, lapisan transparan, atau tumpukan elemen dapat mengubah latar tepat di belakang huruf. Jika ada transparansi, tentukan warna hasil penggabungan terlebih dahulu dan periksa warna opak tersebut. Membalik kedua warna tidak mengubah rasio.
Pahami ambang AA dan AAA
WCAG 2.2 meminta rasio paling sedikit 4,5:1 untuk teks biasa pada tingkat AA. Teks besar yang memenuhi syarat tertentu dapat memakai ambang 3:1. Target tingkat AAA yang lebih ketat adalah 7:1 untuk teks biasa dan 4,5:1 untuk teks besar. Alat menampilkan empat keputusan terpisah agar satu keputusan tidak disimpulkan dari yang lain. Sepasang warna mungkin lulus untuk judul besar AA tetapi gagal untuk paragraf biasa. Pilih kriteria berdasarkan ukuran dan ketebalan huruf yang benar-benar dirender, bukan nama gaya. Sebagai contoh, biru tua #1A365D pada putih #FFFFFF menghasilkan kira-kira 12,14:1 dan lulus keempat ambang. Ubah warna depan menjadi lebih terang dan amati kapan tandanya berganti.
Gunakan angka saat meninjau desain
Mulailah dari paragraf isi, karena biasanya memerlukan batas yang lebih ketat untuk ukuran normal. Lalu periksa judul, label formulir, navigasi, tautan, dan teks tombol pada setiap keadaan yang relevan. Catat pasangan warna tepat yang diperiksa agar perubahan tema di kemudian hari bisa diuji ulang. Pratinjau membantu membandingkan palet, sedangkan angka mencegah keputusan hanya berdasar selera. Komponen antarmuka nonteks mengikuti kriteria WCAG yang berbeda. Lulusnya pemeriksaan teks di sini tidak otomatis menyatakan ikon, garis batas, penanda fokus, atau seluruh halaman memenuhi standar. Ukuran dan berat huruf akhir menentukan apakah pengecualian teks besar boleh diterapkan. Tinjauan aksesibilitas lengkap juga memerlukan pemeriksaan papan ketik, pembesaran, dan aturan lainnya.
Hindari kesalahan pengukuran
Jangan membandingkan teks dengan warna putih hanya karena kanvas utama halaman putih, jika kata-kata tersebut sebenarnya berada pada kartu berwarna. Uji warna yang tepat di belakang teks. Jangan membulatkan rasio ke atas sebelum memeriksa ambang: alat membandingkan nilai lengkap lalu membulatkan hanya tampilan. Angka 4,50:1 yang sangat dekat batas perlu pemeriksaan kode warna dan hasil akhir. Perhitungan WCAG memakai nilai sRGB yang ditentukan, walaupun layar atau tangkapan gambar tampak sedikit berbeda. Periksa lapisan dan perubahan keadaan pada situs yang sudah dibuat. Bila suatu pasangan gagal, ubah warna depan, latar, atau keduanya lalu ukur lagi. Membesarkan huruf tanpa memastikan syarat teks besar tidak membuat ambang yang lebih rendah otomatis berlaku.