Rahasia Color Contrast untuk Aksesibilitas UI

Rahasia Color Contrast untuk Aksesibilitas UI

Gubuku – 1. Gunakan Tool Color Contrast Checker

Gak perlu menebak-nebak rasio warna secara manual. Kamu bisa pakai tools gratisan yang sering dipakai desainer profesional:

  • Figma Plugins: Stark, Contrast, atau A11y – Color Contrast Checker.

  • Web Tools: WebAIM Color Contrast Checker atau Coolors.

2. Hindari Kombinasi Warna “Toleransi Rendah”

Ada beberapa racikan warna yang sangat tidak disarankan karena bikin mata cepat lelah (eye strain) atau menyulitkan penderita buta warna:

  • Teks merah di atas background hijau (atau sebaliknya).

  • Teks abu-abu muda di atas background putih.

  • Teks biru muda di atas background putih.

3. Jangan Cuma Berpatokan pada Warna

Warna bukan satu-satunya cara menyampaikan informasi. Buat elemen penting seperti teks error atau tombol navigasi, kombinasikan warna dengan ikon, ketebalan font (font weight), atau underline.

 Penulis : Adellia smk sudj

Baca Juga  Pinterest untuk Bisnis: Cara Mendatangkan Calon Pelanggan