Pemeriksa kontras
Masukkan dua warna, keluar rasionya beserta putusan untuk setiap ukuran yang dinilai WCAG secara terpisah. Ketika sepasang warna gagal, alat ini mencari warna terdekat yang lolos tanpa menggeser hue Anda, jadi perbaikannya tetap sesuai merek. Angka APCA yang lebih baru ada di sebelahnya, ditandai jelas sebagai sesuatu yang belum menjadi standar.
| Dipakai di mana | Minimum | AA | AAA |
|---|
Teks besar, 24px ke atas
Teks isi berukuran normal, kasus yang sebenarnya harus dilewati kebanyakan halaman.
Apa yang sebenarnya diukur rasio itu
Setiap warna diubah menjadi luminansi relatif — jumlah berbobot dari kanal merah, hijau, dan birunya setelah kurva gama sRGB dibatalkan, dengan hijau berbobot paling besar karena mata kita paling peka terhadapnya. Rasionya adalah luminansi yang lebih terang ditambah sebuah konstanta kecil, dibagi yang lebih gelap ditambah konstanta yang sama. Konstanta itulah yang mencegah skalanya lari ke tak hingga terhadap hitam murni, dan itu pula sebabnya rumus ini lebih murah hati pada latar gelap dibanding mata kebanyakan orang.
Kenapa satu pasang warna dapat beberapa putusan
WCAG tidak menilai sepasang warna sekali saja. Teks besar diberi ambang yang lebih rendah daripada teks isi, karena ukuran mengambil alih sebagian pekerjaan yang jika tidak harus ditanggung kontras, dan komponen antarmuka — garis tepi kotak centang, cincin fokus — dinilai lagi secara terpisah. Palet yang gagal untuk badan teks bisa sepenuhnya benar untuk sebuah judul, jadi tabelnya memberikan semua kasus alih-alih satu putusan tunggal.
Menjaga hue saat memperbaikinya
Perbaikan yang biasa untuk pasangan yang gagal adalah meraih abu-abu yang lebih gelap, dan itu diam-diam menguras warna dari sebuah merek. Saran di sini hanya menggeser terang-gelapnya, dengan langkah terkecil yang melewati ambang, dan meninggalkan hue serta saturasi di tempat Anda menaruhnya. Warnanya sama, hanya digeser secukupnya agar terbaca.
Tentang angka APCA
APCA adalah model kontras yang sedang dikembangkan untuk versi berikutnya dari pedoman ini. Ia memperhitungkan hal-hal yang tidak dihitung rasio WCAG 2 — polaritas, ketebalan huruf, cara kontras yang terasa meluruh di latar gelap — dan biasanya sejalan dengan mata Anda di tempat rumus lama tidak. Angka ini ditampilkan karena benar-benar informatif, dan diberi label jelas karena bukan itu yang menjadi tolok ukur penilaian Anda. Kepatuhan hari ini adalah rasionya, bukan Lc.
Pertanyaan Umum
Apa yang dihitung sebagai teks besar?
18 poin, kira-kira 24 piksel, atau 14 poin tebal, kira-kira 18,66 piksel tebal. Di bawah itu terhitung teks biasa dan butuh rasio yang lebih tinggi.
Abu-abu saya lolos di putih tapi gagal di gelap. Kenapa?
Rumus WCAG 2 tidak simetris seperti persepsi manusia. Teks terang di latar gelap terbaca oleh mata sebagai kontras yang lebih rendah daripada yang disiratkan rasionya, dan itulah salah satu celah yang hendak ditutup APCA. Kalau pasangannya cuma pas-pasan lolos di latar gelap, percayai mata Anda dan tambahkan sedikit lagi.
Apakah rasionya berlaku untuk ikon dan garis tepi?
Ya, di 3:1, berdasarkan aturan kontras elemen nonteks. Aturan itu mencakup bagian kontrol yang harus terlihat agar bisa dipakai — garis luar sebuah bidang, sebuah sakelar, penanda fokus — tetapi bukan grafik dekoratif atau logo.
Apakah yang saya ketik di sini dikirim ke mana pun?
Tidak. Warnanya tidak pernah meninggalkan halaman ini, dan tidak ada yang diunggah atau disimpan.
Dibuat oleh tim GO AI. Konverter OKLCH · Pernyataan aksesibilitas kami · Semua alat gratis