Latihan 2 dari materi Accessibility di HTML — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Navigasi dan form-nya sudah ada di editor. Lengkapi dua hal:
Di tag <nav>, tambahkan aria-label="Menu utama" supaya navigasinya punya nama. role="navigation" gak perlu ditulis, karena <nav> sudah berperan navigasi.
Di dalam <form>, sebelum input, tambahkan <label> bertuliskan Nama: yang tersambung ke input itu lewat for="nama", sama dengan id input-nya.
Input id="nama" biarkan seperti semula.
Hint
Ada dua bagian: nama buat blok navigasi, dan label buat kotak isian.
Nama buat screen reader ditulis lewat atribut aria-label di tag <nav>. Label tersambung ke input kalau nilai for di <label> sama dengan id di <input>.
<nav aria-label="Menu utama"> lalu <label for="nama">Nama:</label> sebelum <input type="text" id="nama">
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...
