- Apa rasio kontras yang baik untuk sebuah situs web?
- Bagaimana Anda mengukur kontras?
- Apa rasio kontras yang dapat diterima?
- Apa skor kontras warna yang baik?
Apa rasio kontras yang baik untuk sebuah situs web?
WCAG merekomendasikan rasio kontras 7: 1 untuk pengguna dengan kehilangan penglihatan yang disamakan dengan visi 20/80, tetapi 3: 1 untuk teks besar karena cetakan besar dengan sapuan karakter yang lebih luas jauh lebih mudah dibaca dengan kontras rendah. Ini memberi pemilik situs lebih banyak pilihan warna untuk penempatan teks besar, seperti judul dan header.
Bagaimana Anda mengukur kontras?
Kontras dihitung menggunakan "luminance relatif", yang didefinisikan sebagai: kecerahan relatif dari titik mana pun dalam ruang warna, dinormalisasi ke 0 untuk hitam paling gelap dan 1 untuk putih paling terang. Luminance relatif dapat dihitung dari kode warna apa pun (seperti hex atau rgb).
Apa rasio kontras yang dapat diterima?
Bimbingan rasio kontras warna
Setiap kali menggunakan warna dalam gambar, pastikan warna memiliki rasio kontras setidaknya 4.5: 1. Ini memastikan bahwa teks tersebut masih dapat dibaca oleh mereka yang mungkin memiliki kebutaan warna.
Apa skor kontras warna yang baik?
Mengenai warna, standar mendefinisikan dua tingkat rasio kontras: AA (kontras minimum) dan AAA (peningkatan kontras). Level AA membutuhkan rasio kontras setidaknya 4.5: 1 untuk teks normal dan 3: 1 untuk teks besar (setidaknya 18pt) atau teks tebal.