Komponen / Aksi
IconButton
Tombol bulat berisi ikon saja untuk toolbar dan baris tabel. Label aksesibel wajib dan otomatis tampil sebagai tooltip.
Yang sudah ditangani
- `label` wajib dan menjadi aria-label; tooltip memakai teks yang sama sehingga tidak dibacakan dua kali.
- Fokus keyboard ditandai cincin fokus 3 px (shadow-focus); Secondary mempertahankan bayangan resting.
- Target sentuh minimal: pakai Large (36) di layar sentuh.
- Nonaktif tidak bisa difokus dan tooltip tidak tampil — jelaskan alasannya di dekat tombol.
Keyboard
| Tombol | Fungsi |
|---|---|
| EnterSpasi | Menjalankan aksi |
| Tab | Pindah ke tombol berikutnya (tooltip tampil saat fokus) |
| Esc | Menutup tooltip |
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.