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 12 dari 16

Papan ketik, formulir, dan ARIA

Misi: formulir pendaftaran sanggar

Setelah pelajaran ini kamu bisa memperbaiki satu formulir dari sisi papan ketik, pengelompokan, isi otomatis, dan pesan status, lalu menilai pemakaian ARIA terhadap aturannya.

±17 menitDiperiksa 28 Sep 2026

Materi

Formulir pendaftaran Sanggar Tari Lestari diuji dengan papan ketik saja dan dengan pembaca layar. Hasilnya: indikator fokus hilang, pilihan kelas dibacakan tanpa pertanyaannya, kolom email tidak diisi otomatis oleh peramban, dan pesan "Pendaftaran terkirim" tidak diumumkan. Selain itu, pengembang lain menambahkan beberapa atribut ARIA dan tabindex yang perlu diperiksa terhadap aturannya.

Misi ini menggabungkan pelajaran 9 sampai 11. Periksa CSS fokus lebih dulu, lalu grup tombol radio, nilai autocomplete untuk data milik pendaftar sendiri, dan wilayah langsung untuk pesan status. Untuk ARIA, pegang empat aturan Using ARIA, dan untuk tabindex, ingat peringatan MDN tentang nilai positif.

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

Tab pilihan jadwal dibuat dari <div role="tab">, tetapi hanya bisa dipilih dengan klik tetikus. Aturan Using ARIA mana yang dilanggar?

Pilih satu jawaban

Latihan 3 dari 4

Supaya tidak dibacakan dua kali, pengembang memasang aria-hidden="true" pada tautan "Lihat biaya" yang tetap bisa dicapai dengan Tab. Bagaimana menurut Using ARIA?

Pilih satu jawaban

Latihan 4 dari 4

Kolom formulir diberi tabindex="3", "1", "4", "2" dari atas ke bawah, sehingga fokus melompat-lompat. Temuan ini dicatat sebagai apa?

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