Latihan 1: Contrast & Accessibility — UI/UX

Latihan 1 dari materi Contrast & Accessibility di UI/UX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Perbaiki kontras warna agar memenuhi WCAG AA:

.heading → warna #111827 (kontras tinggi)
.body → warna #374151 (kontras cukup)
.caption → warna #6B7280 (minimal AA)

Hint

Kontras warna yang cukup penting untuk readability.
WCAG AA: minimal 4.5:1 untuk teks biasa, 3:1 untuk teks besar.
Gunakan warna gelap di background terang: #1F2937 on white.

🔄

Memperbarui Aplikasi

Versi baru tersedia. Halaman akan dimuat ulang otomatis...

Masih kosong setelah muat ulang?

1. Tutup paksa aplikasi lalu buka lagi

2. Hapus cache: Pengaturan > Aplikasi > Hyper Sheets > Hapus Cache

3. Jika pakai browser: tekan Ctrl+Shift+R

Butuh bantuan?

Gabung Discord Laporkan Bug