Komponen / Form & input
SearchField
Kolom pencarian kapsul dengan tombol hapus: cari PO, invoice, atau customer di atas daftar dan di dalam panel.
Yang sudah ditangani
- <input type="search"> sehingga pembaca layar mengenali kolom pencarian; tombol hapus bawaan browser disembunyikan dan diganti tombol "Hapus pencarian".
- Nama aksesibel wajib: aria-label atau label FormField.
- Tombol hapus mengembalikan fokus ke input. Esc mengosongkan teks; bila sudah kosong, Esc diteruskan (mis. menutup Dialog).
- Ikon kaca pembesar dekoratif (aria-hidden). Fokus ditandai garis aksen + cincin fokus.
- Umumkan jumlah hasil di region aria-live terpisah (FilterBar melakukannya otomatis).
Keyboard
| Tombol | Fungsi |
|---|---|
| Esc | Mengosongkan teks |
| Tab | Pindah ke tombol hapus (bila ada teks), lalu kontrol berikutnya |
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.