Latihan 1 dari materi Aksesibilitas Form & Navigasi di UI/UX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya <nav>, lalu <main id="main-content"> berisi form dengan <input type="text" id="name" placeholder="Nama">, <input type="email" id="email" placeholder="Email">, dan tombol Kirim. Biarkan semua itu, termasuk id="main-content". Lalu:
<nav>, tambahkan skip link: <a href="#main-content" class="skip-link">Skip to main content</a>. Class-nya skip-link, dan href-nya # diikuti id yang benar-benar ada di halaman. Letaknya ikut dicek: skip link harus muncul sebelum <nav>, karena itulah yang pertama dicapai dengan Tab.<label for="name">Nama</label>, dan di atas input email <label for="email">Email</label>. Tiap for harus sama persis dengan id input yang ada, dan kedua input harus punya label.aria-required="true". Dua-duanya dicek.
