Pemeriksa Kontras Warna
Nisbah kontras WCAG untuk dua warna.
| Standard | Teks normal | Teks besar |
|---|---|---|
| WCAG AA | — | — |
| WCAG AAA | — | — |
| WCAG 1.4.11 | Komponen bukan teks / UI (≥3:1): — | |
Laporan ini mengikut keperluan nisbah kontras WCAG 2.2. APCA masih bersifat eksperimen dan bukan hasil pematuhan WCAG 3.
Pilih warna? Penukar Warna · bio sosial: Penjana Teks Bergaya · Penimbang: Penjana Rona Warna.
Cara menggunakan
Pilih warna teks dan warna latar belakang. Nisbah kontras dan lulus/gagal untuk setiap tahap WCAG dikemas kini langsung, dengan pratonton.
Soalan Lazim
Apakah nisbah kontras yang baik?
WCAG AA memerlukan 4.5:1 untuk teks biasa dan 3:1 untuk teks besar. AAA masing-masing memerlukan 7:1 dan 4.5:1. WCAG 1.4.11 juga memerlukan 3:1 untuk grafik bukan teks yang penting serta sempadan atau keadaan komponen UI.
Apakah yang dikira sebagai teks besar?
Teks besar adalah kira-kira 18pt (24px) atau 14pt (18.66px) tebal dan lebih besar.
Bagaimana nisbah dikira?
Daripada kecerahan relatif kedua-dua warna: (lebih cerah + 0.05) ÷ (lebih gelap + 0.05), mengikut formula WCAG.
Terakhir dikemas kini: