Latihan 1: Accessibility — HTML
Latihan 1 dari materi Accessibility di HTML — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Gambar dan tombol di editor belum bisa dibacakan screen reader. Tambahkan:
- di
<img>: atribut alt bernilai Logo perusahaan
- di
<button>: atribut aria-label bernilai Tutup menu
src gambar dan ikon di dalam tombolnya biarkan seperti semula.
Hint
- Screen reader gak bisa melihat gambar atau ikon. Dua-duanya butuh teks yang bisa dibacakan.
- Gambar pakai atribut alt. Tombol yang isinya cuma ikon pakai atribut aria-label.
- <img src="logo.png" alt="Logo perusahaan"> lalu <button aria-label="Tutup menu">
