Kontras

Bagaimana menentukan apakah tautan memiliki kontras yang cukup?

Bagaimana menentukan apakah tautan memiliki kontras yang cukup?
  1. Apa rasio kontras yang baik untuk sebuah situs web?
  2. Bagaimana Anda mengukur kontras?
  3. Apa rasio kontras yang dapat diterima?
  4. 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.

Lihat status (hanya baca) untuk kotak centang dan tombol radio
Kotak centang tombol radio mana yang lebih baik?Cara Mengatur Kotak Cek ReaduleTy di JavaScript?Bagaimana cara membuat kotak centang hanya dibaca? K...
Bagaimana cara mengatur data tabel ini dengan lebih baik, di mana baris diulang karena metrik memiliki nilai 'lampu menyala' dan 'lampu'
Dua cara mana yang dapat digunakan untuk mengurangi jumlah baris dalam set data?Visualisasi mana yang harus Anda gunakan untuk menampilkan nilai laba...
Pertimbangan Indikator LED untuk pengguna buta warna?
Warna apa yang harus Anda hindari untuk digunakan untuk individu yang buta warna?Apa warna merah biasanya dianggap oleh pengguna dengan kebutaan warn...