Setelah pelajaran ini kamu bisa mengaudit satu halaman dengan urutan otomatis lalu manual, memperbaiki temuannya di kode, dan mencatat setiap temuan dengan nomor kriteria WCAG 2.2.
±17 menit·Diperiksa 28 Sep 2026
Materi
Toko Buku Cendana meminta audit halaman promonya sebelum diterbitkan. Alat otomatis menemukan elemen html tanpa lang. Pemeriksaan manual menemukan empat hal lagi: indikator fokus dihapus lewat CSS, spanduk bergerak tanpa menghormati pengaturan kurangi gerak, tombol ikon keranjang hanya 16 CSS px tanpa jarak, dan carousel buku berganti sendiri setiap sepuluh detik tanpa tombol jeda. Header lengket juga menutupi tombol yang sedang difokus.
Misi ini menutup kelas dengan urutan kerja pelajaran 15. Perbaiki yang bisa diperbaiki di kode, hitung kontras tanpa pembulatan, dan catat setiap temuan dengan nomor kriteria dan tingkatnya: 3.1.1 dan 2.2.2 tingkat A, sedangkan 2.4.7, 2.4.11, dan 2.5.8 tingkat AA.
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 2 dari 4
Carousel buku berganti sendiri setiap sepuluh detik, terus-menerus, di samping teks promo, tanpa tombol jeda. Temuan ini dicatat sebagai apa?
Latihan 3 dari 4
Teks harga di halaman promo berwarna #595959 di atas putih. Luminans relatif #595959 adalah 0,0999 dan putih 1. Hitung rasio kontrasnya, bulatkan dua angka di belakang koma.
Latihan 4 dari 4
Saat pengguna menekan Tab, tombol "Beli" yang sedang difokus tertutup seluruhnya oleh header lengket di atas halaman. Temuan ini dicatat sebagai apa?
Catatanmu
Memuat catatan…
tersimpan otomatis, ikut tercetak · 0/4.000
Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.
