Latihan 1: Navigation Patterns — UI/UX

Latihan 1 dari materi Navigation Patterns di UI/UX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Kode awal sudah punya <nav> dengan tiga link: Home (href="/"), Products (href="/products"), dan About (href="/about"). Ketiga link dan href-nya biarkan seperti itu. Lalu:

Beri <nav> nama: aria-label="Main navigation" (yang dicek: atributnya ada dan gak kosong).
Tandai link Home sebagai halaman yang sedang dibuka: aria-current="page". Nilainya harus page, bukan true atau location.
Cuma link Home yang membawa aria-current="page". Products dan About tanpa atribut itu.

Hint

Blok navigasi butuh nama yang bisa dibacakan, dan halaman yang sedang dibuka butuh satu penanda yang didengar pembaca layar.
Namanya ditulis sebagai atribut di tag <nav>, penandanya sebagai atribut di satu tag <a> saja. href ketiga link gak perlu diubah.
<nav aria-label="Main navigation"> <a href="/" aria-current="page">Home</a> <a href="/products">Products</a> <a href="/about">About</a> </nav>

Latihan 1: Navigation Patterns — UI/UX

Hint

Memperbarui Aplikasi