Komponen / Navigasi
Tabs
Berpindah antar-bagian dalam satu dokumen — Ringkasan, Item, Dokumen, Riwayat. Di HIG tampil sebagai segmen kapsul di tengah, di atas panel isi.
Yang sudah ditangani
- Semantik tablist / tab / tabpanel dengan aria-selected dan aria-controls otomatis dari Radix.
- Beri nama daftar tab lewat `aria-label` pada Tabs.List (atau `listLabel` saat memakai `items`).
- Count ikut dibacakan sebagai bagian nama tab ("Item 3").
- Hanya tab aktif yang masuk urutan Tab; panel bisa difokus dan ditandai cincin fokus 3 px.
- Lebar label dipesan dengan bobot Medium sehingga tab tidak bergeser saat aktif berganti.
Keyboard
| Tombol | Fungsi |
|---|---|
| Tab | Masuk ke tab aktif, lalu ke panel |
| ←→ | Pindah ke tab sebelumnya/berikutnya dan mengaktifkannya (berputar) |
| HomeEnd | Ke tab pertama/terakhir |
| EnterSpasi | Mengaktifkan tab yang difokus (mode manual) |
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.