Komponen / Tata letak
SplitView
Kerangka layar BizOps: sidebar kaca berisi NavList, area isi (Toolbar + daftar/detail/form), dan inspector opsional di kanan. Di layar sempit sidebar menjadi panel yang bisa dibuka/ditutup.
Yang sudah ditangani
- Landmark <aside aria-label> untuk sidebar dan <main> untuk isi (bisa dimatikan dengan landmarks={false}).
- Di layar sempit sidebar adalah dialog modal (Radix Dialog): fokus terkunci di panel, Esc menutup, fokus kembali ke tombol toggle; judul tersembunyi = sidebarLabel.
- Tombol toggle memakai aria-haspopup="dialog" dan aria-expanded otomatis.
- Area isi dan sidebar bergulir sendiri; urutan fokus mengikuti urutan visual (sidebar → isi → inspector).
Keyboard
| Tombol | Fungsi |
|---|---|
| Tab | Sidebar → isi → inspector |
| EnterSpasi | Membuka panel sidebar (tombol toggle, layar sempit) |
| Esc | Menutup panel sidebar atau inspector overlay |
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.