Pemeriksa Kontras

Masukkan teks dan warna latar belakang untuk melihat nisbah kontras WCAG dan tahap AA serta AAA yang lulus.

Nisbah kontras
Teks biasaAA4.5:1
Teks biasaAAA7:1
Teks besarAA3:1
Teks besarAAA4.5:1
UI & grafik3:1
Masukkan teks dan warna latar belakang untuk diperiksa.

Setiap pemeriksaan dijalankan dalam penyemak imbas anda. Tiada apa-apa yang anda masukkan akan dimuat naik ke BroBroGo.

Soalan Lazim

Apakah maksud keputusan AA dan AAA?

AA ialah tahap yang disasarkan oleh kebanyakan tapak: ia memerlukan nisbah sekurang-kurangnya 4.5:1 untuk teks biasa dan 3:1 untuk teks besar. AAA adalah lebih ketat — 7:1 untuk teks biasa dan 4.5:1 for teks besar. Nisbah bermula dari 1:1 (tiada kontras) hingga 21:1 (hitam atas putih).

Apakah yang dikira sebagai teks besar?

Teks daripada 18pt (kira-kira 24px), atau 14pt (kira-kira 18.5px) apabila tebal. Teks yang lebih besar kekal mudah dibaca pada kontras yang lebih rendah, jadi ia lulus AA pada 3:1 dan AAA pada 4.5:1 berbanding ambang teks biasa yang lebih ketat.

Apakah format warna yang boleh saya masukkan?

Taip nilai hex seperti #1a1a1a, nilai rgb() seperti rgb(26, 26, 26), atau nilai hsl() — atau klik mana-mana contoh warna untuk memilih warna. Gunakan butang tukar untuk menukar warna teks dan latar belakang.

Adakah ini WCAG 2 atau kaedah APCA yang lebih baharu?

Ia menggunakan formula WCAG 2.1 / 2.2, iaitu formula yang dirujuk oleh peraturan dan audit kebolehaksesan hari ini. APCA ialah kaedah yang lebih baharu dan lebih berasaskan persepsi yang masih dirangka untuk WCAG 3 — berpotensi, tetapi belum menjadi standard pematuhan, jadi keputusan lulus di sini tidak menggunakannya.