Kontras teks: uji pasangan warna dan konteksnya
Warna teks tidak dapat lulus tanpa latarnya. Warna yang cocok di putih bisa sulit dibaca di gelap; mulailah dengan pasangan yang benar-benar dipakai.
Kenali teks sebelum memilih ambang
WCAG 2.2 AA memerlukan setidaknya 4.5:1 untuk teks biasa dan 3:1 untuk teks besar. Besar bergantung ukuran dan ketebalan, bukan hanya tag judul HTML.
Kriterianya menganggap 18pt biasa atau 14pt tebal sebagai besar menurut ketentuannya. Judul kecil tidak otomatis memakai ambang lebih rendah.
Referensi: W3C WAI — Understanding WCAG 2.2 Contrast (Minimum)
Pembulatan dapat menyembunyikan kegagalan
Jangan bulatkan ke atas sebelum memutuskan. Rasio di bawah 4.5 tidak memenuhi 4.5 hanya karena layar menampilkan lebih sedikit desimal.
Sediakan margin bila mungkin dan periksa font serta ukuran sebenarnya. Goresan tipis dan latar berubah bisa memerlukan perhatian di luar hitungan dua kode warna.
Referensi: W3C WAI — Understanding WCAG 2.2 Contrast (Minimum)
Uji warna bukan sertifikat halaman
Alat mengevaluasi warna teks dan latar sRGB yang tidak transparan. Tidak mengambil latar dari foto, mengurai gradien, atau menggabungkan lapisan transparan untuk Anda.
Pasangan yang lulus tidak membuktikan akses papan ketik, alternatif gambar, atau persyaratan lain. Bila latar berubah pada mode terang/gelap, uji kedua pasangan sebenarnya.
Contoh: abu-abu dekat batas
#000000 di atas #FFFFFF memberi 21:1. #777777 di putih sekitar 4.478:1: gagal AA teks biasa, walau melewati 3:1 untuk teks besar jika definisinya berlaku.
Menggelapkan menjadi #767676 menaikkan rasio ke sekitar 4.542:1 dan lulus AA biasa untuk pasangan itu. Ini perbaikan khusus, bukan sertifikasi bahwa seluruh halaman sudah cocok bagi semua orang.