Komponen / Aksi
ActionMenu
Menu aksi pop-up dengan grup, pemisah, dan aksi merusak: aksi per baris di DataTable (⋯), "Aksi lain" di header detail PO (Duplikat, Cetak, Kirim ke customer, Batalkan PO).
Yang sudah ditangani
- Pemicu diumumkan sebagai tombol dengan aria-haspopup="menu" dan aria-expanded; panel role="menu" dinamai dari pemicu.
- Item role="menuitem"; nonaktif memakai aria-disabled dan dilewati navigasi panah.
- Pintasan di kanan disembunyikan dari pembaca layar (hanya tampilan); daftarkan pintasannya sendiri bila memang ada.
- Fokus kembali ke pemicu setelah menu ditutup — juga saat aksi membuka Dialog lewat `onSelectAfterClose`.
- Tombol ⋯ di baris tabel wajib berlabel yang menyebut barisnya: "Aksi lain untuk PO-2026-0142".
- Sorotan accent/emphasis dengan teks accent/on-emphasis memenuhi kontras ≥ 4,5:1.
Keyboard
| Tombol | Fungsi |
|---|---|
| EnterSpasi↓ | Buka menu dari pemicu dan fokus ke item pertama |
| ↑ | Buka menu dan fokus ke item terakhir |
| ↑↓ | Pindah antar-item (yang nonaktif dilewati) |
| HomeEnd | Item pertama / terakhir |
| Huruf | Lompat ke item berawalan huruf itu |
| EnterSpasi | Jalankan item |
| Esc | Tutup menu, fokus kembali ke pemicu |
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.