Pemeriksa Kontras

Periksa rasio kontras warna terhadap pedoman WCAG 2.1 secara instan. Pastikan teks Anda dapat dibaca dan desain Anda dapat diakses oleh semua orang. Gratis dan mudah digunakan.

Iklan
Iklan

How to Use

  1. 1
    Masukkan Warna Masukkan kode HEX untuk warna teks dan latar belakang.
  2. 2
    Lihat Pratinjau Lihat bagaimana tampilan teks Anda secara real-time.
  3. 3
    Periksa Rasio Tinjau rasio kontras yang dihitung.
  4. 4
    Validasi Kepatuhan Periksa apakah lolos standar WCAG AA/AAA.

Mengapa Aksesibilitas Penting

Jangkau Audiens yang Lebih Luas

Buat konten Anda dapat digunakan oleh penyandang buta warna (sekitar 1 dari 12 pria dan 1 dari 200 wanita) serta mereka yang memiliki penglihatan rendah.

Tingkatkan Pengalaman untuk Semua Orang

Kontras yang baik meningkatkan keterbacaan untuk semua orang, terutama pada layar redup atau di bawah sinar matahari yang cerah.

Memahami Peringkat WCAG

Level AA (Standar)

Membutuhkan 4.5:1 untuk teks normal, 3:1 untuk teks besar. Target standar untuk sebagian besar situs web.

Level AAA (Ditingkatkan)

Membutuhkan 7:1 untuk teks normal, 4.5:1 untuk teks besar. Aksesibilitas yang ditingkatkan untuk pengguna dengan kehilangan penglihatan yang signifikan.

100% Pribadi & Aman

Pemeriksa kontras ini berjalan sepenuhnya di browser Anda. Tidak ada data yang dikirim ke server kami.

Alur kerja umum untuk Pemeriksa Kontras

Pemeriksa Kontras paling berguna dalam alur kecil yang berulang: siapkan sumber, lakukan perubahan, lalu periksa hasil sebelum dibagikan.

Mulai dari sumber

Gunakan Pemeriksa Kontras untuk tugas ini: Periksa rasio kontras warna terhadap pedoman WCAG 2.1 secara instan. Pastikan teks Anda dapat dibaca dan desain Anda dapat diakses oleh semua orang. Gratis dan mudah digunakan. Pekerjaan tetap di browser tanpa membuka aplikasi desktop yang lebih berat.

Periksa hasil

Pratinjau hasilnya, bandingkan dengan file asli, lalu sesuaikan pengaturan sebelum dipublikasikan atau dibagikan.

Lanjutkan ke langkah berikutnya

Untuk tugas terkait, tetap gunakan kategori Alat Warna.

Anda mungkin juga suka

Panduan terkait

FAQ

Apa itu kontras warna dan mengapa itu penting?

Kontras warna adalah perbedaan kecerahan antara warna latar depan dan latar belakangnya. Kontras yang tinggi memastikan bahwa orang dengan gangguan penglihatan dapat memahami konten Anda secara efektif.

Apakah logo diharuskan memenuhi standar ini?

Tidak, pedoman WCAG memberikan pengecualian untuk teks yang merupakan bagian dari logo atau nama merek, serta teks yang murni bersifat dekoratif.

Bagaimana cara memperbaiki rasio kontras yang rendah?

Tingkatkan perbedaan pencahayaan. Buat warna terang lebih terang atau warna gelap lebih gelap. Gunakan pratinjau langsung kami untuk bereksperimen.

Iklan