Pemeriksa Kontras

Pemeriksa kontras warna WCAG untuk mengira nisbah kontras teks.

Nisbah Kontras 21:1

Teks Biasa

WCAG AA: Pass

WCAG AAA: Pass

Contoh teks biasa - 16px

Teks Besar

WCAG AA: Pass

WCAG AAA: Pass

Contoh teks besar 18pt/24px

Objek Grafik dan Komponen Antara Muka Pengguna

WCAG AA: Pass

Hitung nisbah kontras untuk saiz teks biasa.
Kira nisbah kontras untuk saiz teks yang besar.
Kirakan nisbah kontras untuk Komponen Antara Muka Pengguna.
Pilih warna dari pemilih warna
Sediakan Lightness warna

Cara menggunakan Pemeriksa Kontras

Pilih Warna Latar Belakang
Pilih Warna Latar Depan
Laraskan Ringan jika perlu
Semak audit untuk teks biasa dan besar

FAQ

Bagaimanakah pemeriksa kontras berfungsi?

Anda perlu menilai warna teks dan latar belakang. Menurut garis panduan WCAG 2.1, ini adalah: Teks besar - Teks dengan saiz minimum 18px memerlukan nisbah kontras 3:1; Teks kecil - Teks dengan saiz kurang daripada 18px memerlukan nisbah kontras 4. 5:1.

Mengapa laman web saya mempunyai kontras warna yang mencukupi?

Teks pada latar belakang dengan nisbah kontras yang rendah sering sukar dibaca. Ini bukan sahaja memberi kesan negatif kepada mereka yang mempunyai masalah penglihatan, ia sebenarnya menyusahkan semua pengguna. Salah satu contohnya ialah membaca teks pada telefon bimbit di luar pada hari yang cerah.

Apakah maksud kebolehcapaian laman web?

Laman web yang boleh diakses adalah laman web yang direka supaya orang yang mengalami masalah penglihatan atau pendengaran dapat menggunakannya tanpa sekatan. Sebagai contoh, ini memastikan bahawa semua elemen tapak mempunyai kontras warna yang mencukupi, iaitu. warna teks agak berbeza dari warna latar belakang.

Adakah imej dan video perlu mematuhi keperluan kontras warna WCAG?

Komponen grafik dan antara muka tertentu memerlukan nisbah kontras sekurang-kurangnya 3:1. Walau bagaimanapun, ini tidak termasuk logo, imej hiasan, atau fail media umum.

Produk

Laman Web

Mengenai

Language

User Name

Pemeriksa Kontras