Komponen / Form & input
Combobox
Pilihan tunggal dengan pencarian untuk daftar panjang — customer, item lisensi, distributor — dengan aksi "Buat baru" opsional bila data belum ada.
Yang sudah ditangani
- Pola ARIA 1.2 combobox: <input role="combobox" aria-expanded aria-controls aria-activedescendant aria-autocomplete="list"> dan panel role="listbox" berisi role="option" dengan aria-selected.
- Fokus tidak pernah pindah ke daftar; opsi aktif diumumkan lewat aria-activedescendant dan digulir ke pandangan.
- Listbox diberi nama dari label FormField (aria-labelledby) atau aria-label; grup memakai role="group" berjudul.
- Jumlah hasil ("3 hasil tersedia", "Tidak ada hasil", "Mencari…") diumumkan lewat wilayah aria-live polite.
- Opsi terpilih ditandai centang + aria-selected, bukan hanya warna; opsi nonaktif aria-disabled dan dilewati panah.
Keyboard
| Tombol | Fungsi |
|---|---|
| Ketik | Menyaring opsi dan membuka daftar; opsi pertama yang cocok menjadi aktif |
| ↓↑ | Membuka daftar / memindah opsi aktif (berputar); Alt+↓ membuka tanpa memindah |
| HomeEnd | Saat daftar terbuka: ke opsi pertama/terakhir |
| Enter | Memilih opsi aktif (atau menjalankan "Buat baru") dan menutup daftar |
| Esc | Menutup daftar; ditekan lagi saat tertutup mengosongkan isian |
| Tab | Menutup daftar dan pindah ke field berikutnya; teks yang tidak dipilih dikembalikan |
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.