Komponen / Navigasi
Breadcrumbs
Jejak lokasi halaman dalam hierarki modul: "Order & pengadaan › PO Customer". Biasanya dipakai di dalam PageHeader, di atas judul.
Yang sudah ditangani
- Dirender sebagai <nav aria-label="Jejak"> berisi <ol>, sehingga pembaca layar mengumumkan jumlah level.
- Item `current` diberi aria-current="page" dan bukan tautan.
- Pemisah chevron aria-hidden; "…" memiliki teks sr-only dari `label`.
- Tautan memakai cincin fokus 3 px (shadow-focus); hover berubah ke accent/fg.
Keyboard
| Tombol | Fungsi |
|---|---|
| Tab | Pindah ke tautan jejak berikutnya |
| Enter | Membuka level yang difokus |
Tanggung jawab Anda
- Beri label yang bermakna: teks label, atau aria-label untuk kontrol tanpa teks.
- Uji di mode gelap dan kontras tinggi (pilih lewat menu Tema di kanan atas, atau tombol Terang/Gelap di tiap contoh).
- Pastikan semua aksi bisa dijalankan dengan keyboard saja.