Komponen / Lapisan & umpan balik
Toast
HUD gelap singkat di bawah tengah layar untuk konfirmasi setelah aksi ("PO-2026-0142 disimpan"), dengan aksi Urungkan opsional. Hilang sendiri tanpa menghentikan pekerjaan.
Yang sudah ditangani
- Toast diumumkan lewat live region Radix tanpa memindahkan fokus; label area notifikasi "Notifikasi (F8)".
- Timer berhenti selama Toast di-hover atau difokus, dan saat jendela tidak aktif.
- Aksi memiliki altText: pembaca layar diberi tahu cara lain menjalankan aksi, karena Toast bisa hilang sebelum dijangkau.
- Makna tidak hanya dari warna: tiap tone punya ikon berbeda dan pesan tertulis.
- Animasi masuk/keluar dimatikan bila pengguna memilih prefers-reduced-motion.
Keyboard
| Tombol | Fungsi |
|---|---|
| F8 | Memindahkan fokus ke area notifikasi |
| TabShift Tab | Berpindah antar-Toast dan aksinya |
| EnterSpace | Menjalankan aksi (mis. Urungkan) |
| Esc | Menutup Toast yang difokus |
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.