Cara membuat palet warna yang aman untuk buta warna

Sekitar 1 dari 12 pria memiliki salah satu bentuk defisiensi penglihatan warna. Panduan desain biasanya berhenti di “jangan pakai merah dan hijau bersamaan”, yang terlalu samar untuk ditindaklanjuti dan sebenarnya bukan aturan yang tepat.

Aturan yang sebenarnya

Bukan berarti merah dan hijau menjadi identik. Penyandang deuteranopia biasanya masih bisa membedakan merah dari hijau, karena keduanya umumnya berbeda kecerahan selain berbeda hue.

Yang menyatu adalah pasangan yang berbeda hanya di sepanjang sumbu merah-hijau dengan kecerahan yang mirip. Itulah kegagalan spesifiknya, dan itulah sebabnya saran yang samar tadi melewatkan begitu banyak kasus nyata, termasuk pasangan yang sama sekali tidak mengandung merah atau hijau.

Biru dan ungu adalah contoh paling tajam. Bagi penglihatan normal keduanya jelas berbeda, dengan jarak perseptual sekitar 15. Pada deuteranopia, jarak itu turun ke bawah 1. Keduanya menjadi warna yang sama, dan tidak ada yang memperingatkan Anda soal biru dan ungu.

Dua sifat yang bertahan

Kecerahan. Tidak terpengaruh oleh defisiensi merah-hijau jenis apa pun. Dua warna yang terpisah satu langkah kecerahan yang jelas tetap bisa dibedakan, apa pun yang terjadi pada sel kerucut mata. Inilah alat paling andal yang Anda miliki.

Sumbu biru-kuning. Sebagian besar tetap utuh pada protanopia dan deuteranopia, yang bersama-sama mencakup sebagian besar kasus. Biru dan oranye adalah pasangan dua warna paling tangguh yang tersedia; dalam pengukuran, keduanya sering terpisah lebih jauh pada deuteranopia dibanding pada penglihatan normal.

Defisiensi tritan memang memengaruhi sumbu biru-kuning, tetapi cukup langka (sekitar 0.01%) sehingga biru-oranye tetap menjadi pilihan bawaan yang tepat.

Membangun palet kategori

Dua kategori. Biru dan oranye. Ini nyaris masalah yang sudah terpecahkan; pakai saja dan lanjutkan.

Tiga. Biru, oranye, dan warna ketiga yang dipisahkan terutama oleh kecerahan, yaitu netral yang sangat gelap atau sangat terang. Jangan memilih hijau sebagai warna ketiga.

Empat. Biru, oranye, ditambah satu netral terang dan satu netral gelap. Anda sudah mendekati batas praktis dari apa yang bisa dibawa oleh warna saja.

Lima atau lebih. Warna tidak lagi menjadi pengodean yang andal. Anda memerlukan kanal kedua: bentuk, pola, label langsung, posisi. Ini bukan kompromi; label langsung lebih baik daripada legenda warna bagi setiap pembaca, bukan hanya pembaca buta warna.

Jika Anda menginginkan set siap pakai, palet Okabe-Ito berisi delapan warna yang dirancang tepat untuk keperluan ini dan banyak dipakai dalam publikasi ilmiah. Skema kualitatif Paul Tol adalah pilihan lain yang sudah teruji dengan baik.

Warna status perlu perhatian khusus

Merah untuk error dan hijau untuk sukses adalah kegagalan buta warna paling umum di perangkat lunak, karena ini konvensi yang tidak pernah diaudit siapa pun.

Setelah diukur, warna danger dan success bawaan Bootstrap berjarak perseptual sekitar 74 bagi penglihatan normal dan 4 pada deuteranopia. red-500 dan green-500 milik Tailwind turun dari 76 menjadi sekitar 8. Kedua pasangan lolos uji kontras secara terpisah terhadap putih, sehingga tidak ada audit kontras yang menandainya.

Tiga perbaikan, diurutkan dari yang paling tidak tahan lama hingga yang paling tahan lama:

1. Jauhkan keduanya dalam kecerahan. Merah gelap dan hijau terang tetap bisa dibedakan. Perubahan paling murah.
2. Keluar dari sumbu merah-hijau. Biru untuk sukses memang tidak lazim, tetapi tetap sangat terbaca.
3. Tambahkan ikon. Silang dan centang, atau segitiga peringatan. Inilah yang benar-benar memenuhi WCAG 1.4.1 dan yang tetap berfungsi ketika palet didesain ulang.

Apa yang disyaratkan WCAG

Success Criterion 1.4.1, Use of Colour, berada di Level A, tingkat paling dasar. Kriteria ini mensyaratkan bahwa warna tidak pernah menjadi satu-satunya sarana visual untuk menyampaikan informasi, menunjukkan suatu tindakan, meminta respons, atau membedakan suatu elemen.

Perhatikan apa yang tidak dikatakannya. Kriteria ini tidak melarang pasangan merah-hijau, dan tidak mewajibkan palet tertentu. Yang diwajibkan adalah redundansi: ada isyarat lain yang membawa informasi yang sama.

Sudut pandang ini berguna, karena menunjuk ke perbaikan yang tahan lama. Palet yang aman adalah praktik yang baik. Isyarat kedua adalah persyaratannya, dan isyarat itu tetap bertahan ketika orang lain mendesain ulang warna Anda di kemudian hari.

Memeriksa hasil kerja Anda

Simulasi memberi tahu Anda apa yang kemungkinan hilang, bukan apa yang dilihat orang tertentu, dan modelnya hanyalah perkiraan. Gunakan untuk menemukan masalah, bukan untuk menyatakan bahwa masalah tidak ada.

Pertanyaan yang layak diajukan bersifat berpasangan, bukan per warna: dua warna mana dalam palet ini yang tidak lagi bisa dibedakan? Simulator buta warna kami menguji setiap pasangan terhadap delapan jenis penglihatan dan melaporkan pasangan yang menyatu, pemeriksaan yang secara struktural tidak bisa dilakukan alat kontras.