Jangan Pernah Mengandalkan Warna Saja

Bagi banyak pengguna, warna merah dan hijau yang Anda pilih terlihat hampir sama. Menggunakan warna saja untuk menyampaikan makna membuat mereka harus menebak.

Sekitar 1 dari 12 pria mengalami suatu bentuk buta warna. Itu bagian besar dari audiens Anda, bukan kasus langka di luar kebiasaan.

Kesalahan klasik adalah menggunakan kesalahan berwarna merah dan keberhasilan berwarna hijau yang terlihat sama bagi banyak pengguna. Kebingungan merah-hijau sejauh ini merupakan jenis yang paling umum.

Kriteria WCAG 1.4.1 menyatakan bahwa warna tidak boleh menjadi satu-satunya cara untuk menyampaikan informasi. Selalu dukung warna dengan sinyal kedua.

Perbaikan paling sederhana adalah menggunakan kata-kata. Pasangkan bidang merah dengan label Kesalahan agar maknanya tetap tersampaikan meskipun warnanya tidak terlihat.

Tanda centang, segitiga peringatan, atau tanda X menyampaikan makna melalui bentuk. Kini keberhasilan dan kesalahan tetap berbeda bahkan dalam skala abu-abu.

Tautan biru di dalam paragraf abu-abu bisa tidak terlihat bagi sebagian pengguna. Tambahkan garis bawah agar tautan terlihat jelas tanpa mengandalkan warna.

Grafik yang membedakan rangkaian hanya berdasarkan warna merupakan jebakan. Tambahkan pola, label langsung, atau bentuk yang berbeda pada setiap garis atau irisan.

Jangan tandai bidang yang salah hanya dengan garis tepi merah. Tambahkan pesan kesalahan dalam bentuk teks dan ikon agar semua orang tahu apa yang gagal.

Pemeriksaan cepat berdasarkan intuisi: lihat desain Anda dalam skala abu-abu. Jika Anda masih dapat membedakan status dan tautan, berarti Anda tidak hanya mengandalkan warna.

Dengan mempertahankan garis bawah, tautan tetap terbaca jelas bahkan bagi pengguna yang tidak dapat melihat perbedaan warnanya.

Anda telah belajar untuk tidak pernah menjadikan warna sebagai satu-satunya sinyal: tambahkan teks, ikon, bentuk, atau garis bawah agar makna dapat diterima semua orang. Berikutnya: memeriksa kontras dengan alat. 🌈