Latihan 1 dari materi Contrast & Accessibility di UI/UX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya tiga teks di atas latar putih: <h1 class="heading">, <p class="body">, dan <small class="caption">. Warnanya terlalu pucat (#D1D5DB cuma 1,47:1 dan #E5E7EB cuma 1,24:1). Biarkan ketiga elemen dan teksnya; ganti warnanya di <style> supaya lolos WCAG AA:
.heading dengan color: #111827 (17,74:1).body dengan color: #374151 (10,31:1).caption dengan color: #6B7280 (4,83:1)Tiga warna ini dicek persis, jadi abu-abu lain yang juga lolos tetap dianggap salah.
