Komponen / Navigasi
TabBar
Navigasi utama BizOps versi ponsel: kapsul kaca Liquid Glass berisi 3–5 tab (ikon + label) yang melayang di atas tepi bawah layar. Tiap tab adalah tautan ke halaman utama sebuah area: Beranda, Tugas, Persetujuan, Notifikasi, Akun.
Yang sudah ditangani
- Merender <nav aria-label> dengan daftar tautan — navigasi antar-halaman, bukan role tablist.
- Tab aktif diberi aria-current="page"; status tidak hanya lewat warna (ikon fill + latar).
- Jumlah Badge disembunyikan dari pembaca layar dan diganti teks badgeLabel di nama tautan.
- Target sentuh 72×52 (di atas 44×44); cincin fokus terlihat saat navigasi keyboard.
Keyboard
| Tombol | Fungsi |
|---|---|
| Tab | Pindah antar-tab |
| Enter | Buka halaman tab |
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.