Lompat ke konten utama
←

Dasar Desain Visual

Pelajaran 6 dari 16

Kontras dan aksesibilitas

Jangan hanya mengandalkan warna

Setelah pelajaran ini kamu bisa mengenali informasi yang disampaikan lewat warna saja dan menambahkan penanda kedua, serta menerapkan ambang 3:1 untuk komponen antarmuka.

±13 menitDiperiksa 27 Sep 2026

Materi

Kriteria 1.4.1 tingkat A menetapkan bahwa warna tidak boleh menjadi satu-satunya cara visual untuk menyampaikan informasi, menunjukkan tindakan, meminta tanggapan, atau membedakan elemen. Understanding 1.4.1 memberi contoh yang langsung dikenali: kolom wajib ditandai merah, galat ditampilkan merah, atau penjualan Mary merah dan Tom biru. Orang yang tidak dapat membedakan warna itu kehilangan informasinya.

Kriteria ini tidak melarang warna. Warna boleh tetap dipakai, asalkan ada penanda kedua yang tidak bergantung pada warna: teks, ikon, pola garis, bentuk, atau tanda bintang. Kriteria 1.4.11 tingkat AA menambahkan angka untuk bagian yang bukan teks: batas komponen antarmuka seperti kotak isian dan tombol, serta bagian grafik yang diperlukan untuk memahami isinya, memerlukan kontras sekurangnya 3:1 terhadap warna di sebelahnya.

Hanya warnaDengan penanda kedua
Kolom wajib diberi label merahLabel merah ditambah tanda * dan keterangan “wajib”
Garis grafik hijau dan merahGaris utuh dan putus-putus, dengan label di ujung garis
Tautan hanya berbeda warna dari teksTautan berwarna dan bergaris bawah

Contoh di luar formulir: jadwal piket di papan pengumuman menandai hari libur dengan kotak hijau. Setelah ditambah huruf L di kotak itu, orang yang melihat hitam putih, termasuk dari hasil fotokopi, tetap tahu hari mana yang libur.

Latihan

0/3 lulus

Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.

Latihan 1 dari 3

Formulir pendaftaran menandai kolom yang salah isi hanya dengan mengubah garis kotaknya menjadi merah. Perubahan mana yang memenuhi SC 1.4.1?

Pilih satu jawaban

Latihan 2 dari 3

Grafik penjualan memuat tiga garis yang hanya dibedakan warnanya, dan dicetak untuk rapat dengan printer hitam putih. Apa yang terjadi dan perbaikan apa yang sesuai?

Pilih satu jawaban

Latihan 3 dari 3

Menurut SC 1.4.11, berapa rasio kontras minimum antara garis batas kotak isian dan latar di sebelahnya? Tulis angka di depan “:1”.

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke