Komponen / Lapisan & umpan balik
Tooltip
Teks singkat yang muncul saat kontrol di-hover atau difokus untuk menjelaskan fungsinya. Tanpa caret, sesuai HIG.
Yang sudah ditangani
- Isi tooltip dihubungkan ke pemicu lewat aria-describedby dan role="tooltip".
- Tooltip tampil saat pemicu difokus keyboard, bukan hanya saat hover.
- Kontrol nonaktif tidak bisa difokus, jadi tooltip-nya tidak muncul — jelaskan alasan nonaktif di teks sekitar.
- Animasi mengikuti prefers-reduced-motion.
Keyboard
| Tombol | Fungsi |
|---|---|
| Tab | Fokus ke pemicu — tooltip tampil |
| 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.