Lompat ke konten utama

Kompetisi Ajak Teman: hadiah total Rp1.000.000 tunai untuk 3 pengajak terbanyak. Berakhir 29 November 2026. Ikut kompetisi

←

Aksesibilitas Web

Pelajaran 4 dari 16

Dasar aksesibilitas dan struktur halaman

Misi: struktur halaman Bank Sampah Berseri

Setelah pelajaran ini kamu bisa memperbaiki struktur satu halaman sekaligus — landmark, heading, dan bahasa — lalu menggolongkan temuan ke nomor kriteria, prinsip, dan tingkatnya.

±17 menitDiperiksa 28 Sep 2026

Materi

Bank Sampah Berseri punya halaman jadwal setor yang disusun dari templat lama. Pemeriksaan awal menemukan tiga hal: halaman bertanda bahasa Inggris padahal isinya bahasa Indonesia, kepala halaman dan isi utama hanya berupa div, dan heading melompat dari h1 ke h3. Misi ini menggabungkan pelajaran 2 dan 3: perbaiki kodenya, lalu catat setiap temuan dengan nomor kriteria, prinsip, dan tingkatnya, seperti yang dilakukan laporan audit sungguhan.

Urutan pemeriksaan yang dipakai: atribut lang di elemen html; wilayah halaman memakai header, nav, main, dan footer dengan satu main; heading turun satu tingkat demi satu tingkat; lalu setiap temuan diberi nomor kriteria. Tiga kriteria yang muncul di misi ini adalah 1.3.1 Info and Relationships dan 3.1.1 Language of Page, keduanya tingkat A, serta prinsipnya masing-masing, Perceivable dan Understandable.

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

Setiap berita di halaman itu dibungkus article, dan di dalam tiap article ada footer berisi nama penulis. Apakah footer itu landmark contentinfo?

Pilih satu jawaban

Latihan 3 dari 4

Temuan pertama audit: elemen html bertanda lang="en" pada halaman berbahasa Indonesia. Catatan mana yang benar?

Pilih satu jawaban

Latihan 4 dari 4

Temuan kedua: judul bagian ditulis <p class="judul"> lalu dibuat besar dan tebal dengan CSS. Kriteria mana yang dilanggar?

Pilih satu jawaban

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke

Tampilkan 1 lagi