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.

Praktik Terbaik vs. Penelitian Pengguna
Apa perbedaan antara penelitian pengguna dan penelitian UX?Apa metode penelitian pengguna terbaik?Apa praktik terbaik dalam penelitian kualitatif?Kap...
Aplikasi dengan beberapa modul tipe data bersama vs terpisah
Apa itu aplikasi multi-modul?Apa itu proyek multi-modul?Apa itu proyek multi-modul di Android?Apa itu proyek multi-modul di Spring Boot? Apa itu apl...
Memilih kotak centang daripada sakelar sakelar untuk urutan fokus?
Dalam situasi apa Anda dapat menggunakan tombol sakelar vs kontrol sakelar vs kotak centang?Apa yang bisa digunakan sebagai pengganti kotak centang?A...