Lompat ke konten utama
←

Dasar Desain Visual

Pelajaran 7 dari 16

Kontras dan aksesibilitas

Misi: memeriksa kontras sebuah banner

Setelah pelajaran ini kamu bisa menghitung rasio kontras beberapa pasangan warna dan memutuskan tingkat WCAG yang dipenuhinya.

±16 menitDiperiksa 27 Sep 2026

Materi

Sebuah banner promosi siap diunggah ke situs kantor. Judulnya besar, teks isinya kecil, dan tombolnya memakai warna merek. Sebelum diunggah, periksa setiap pasangan warna dengan rumus rasio kontras dan ambang WCAG. Luminans relatif sudah dihitung oleh rekanmu dan tercantum di tiap soal.

Latihan

0/4 lulus

Misi akhir modul: luluskan minimal 4 dari 4 tugas. Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.

Latihan 1 dari 4

Teks isi berwarna dengan luminans 0,1 di atas latar dengan luminans 0,9. Berapa rasio kontrasnya? Tulis dua angka di belakang koma.

Latihan 2 dari 4

Dengan rasio dari soal sebelumnya, teks isi 16px tidak tebal memenuhi tingkat apa?

Pilih satu jawaban

Latihan 3 dari 4

Judul banner berukuran 30px. Berapa rasio kontras minimum agar judul itu memenuhi tingkat AAA? Tulis angka di depan “:1”.

Latihan 4 dari 4

Teks tombol berukuran 20px. Kapan teks itu boleh memakai ambang teks besar?

Pilih satu jawaban

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke