Komponen / Form & input
FilterChip
Filter daftar berbentuk chip kapsul: "Status ▾" saat kosong, "Status: Draft" saat aktif, dengan tombol × untuk menghapus.
Yang sudah ditangani
- Bagian utama adalah <button> dengan aria-haspopup="dialog" dan aria-expanded dari Popover; namanya "Status: Draft".
- Tombol × terpisah berlabel "Hapus filter Status"; setelah dihapus fokus kembali ke chip.
- Status aktif ditandai teks nilai, bukan hanya warna aksen.
- Esc atau klik di luar menutup Popover dan mengembalikan fokus ke chip.
Keyboard
| Tombol | Fungsi |
|---|---|
| EnterSpasi | Membuka pilihan filter |
| Tab | Pindah ke tombol × lalu chip berikutnya |
| Esc | Menutup pilihan |
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.