Komponen / Lapisan & umpan balik
Popover
Panel melayang non-modal untuk detail ringkas atau filter tanpa meninggalkan layar: filter daftar PO, detail singkat customer, ringkasan termin.
Yang sudah ditangani
- Panel diumumkan sebagai dialog non-modal; judul menjadi nama aksesibel (aria-labelledby). Tanpa judul, isi aria-label.
- Pemicu mendapat aria-expanded dan aria-controls otomatis.
- Fokus pindah ke dalam panel saat dibuka dan kembali ke pemicu saat ditutup.
- Animasi muncul dimatikan bila pengguna memilih kurangi gerakan.
Keyboard
| Tombol | Fungsi |
|---|---|
| EnterSpasi | Membuka popover dari pemicu |
| Esc | Menutup popover; fokus kembali ke pemicu |
| TabShift Tab | Pindah antar-elemen di dalam panel; keluar dari panel menutupnya |
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.