Pemeriksa Kontras

Pemeriksa kontras warna WCAG untuk menghitung rasio kontras teks.

Rasio Kontras 21:1

Teks Normal

WCAG AA: Pass

WCAG AAA: Pass

Contoh teks normal - 16px

Teks Besar

WCAG AA: Pass

WCAG AAA: Pass

Contoh teks besar 18pt/24px

Objek Grafis dan Komponen Antarmuka Pengguna

WCAG AA: Pass

Hitung rasio kontras untuk ukuran teks normal.
Hitung rasio kontras untuk ukuran teks besar.
Hitung rasio kontras untuk Komponen Antarmuka Pengguna.
Pilih warna dari color picker
Mengatur Lightness warna

Cara menggunakan Contrast Checker

Pilih Warna Latar Belakang
Pilih Warna Latar Depan
Sesuaikan Lightness jika perlu
Periksa audit untuk teks normal dan besar

FAQ

Bagaimana cara kerja pemeriksa kontras?

Anda perlu mengevaluasi warna teks dan latar belakang. Menurut pedoman WCAG 2.1, ini adalah: Teks besar - Teks dengan ukuran minimum 18px membutuhkan rasio kontras 3:1; Teks kecil - Teks dengan ukuran kurang dari 18px membutuhkan rasio kontras 4.5:1.

Mengapa situs web saya memiliki kontras warna yang cukup?

Teks pada latar belakang dengan rasio kontras rendah seringkali sulit dibaca. Hal ini tidak hanya berdampak negatif bagi mereka yang memiliki gangguan penglihatan, namun justru merepotkan semua pengguna. Salah satu contohnya adalah membaca teks di ponsel di luar pada hari yang cerah.

Apa arti aksesibilitas situs web?

Situs web yang dapat diakses adalah situs web yang dirancang agar orang-orang dengan gangguan penglihatan atau pendengaran dapat menggunakannya tanpa batasan. Misalnya, ini memastikan bahwa semua elemen situs memiliki kontras warna yang cukup, yaitu warna teks sangat berbeda dari warna latar belakang.

Apakah gambar dan video harus mematuhi persyaratan kontras warna WCAG?

Komponen grafis dan antarmuka tertentu memerlukan rasio kontras minimal 3:1. Namun, ini tidak termasuk logo, gambar dekoratif, atau file media umum.

Produk

Situs Web

Tentang

Language

User Name

Pemeriksa Kontras