Komponen / Grafik & jadwal
DonutChart
Donut berangka tengah untuk komposisi satu populasi menurut status (Bersih · Peringatan · Menahan), dengan legenda daftar "3 · 50%". ProgressRing untuk satu nilai: ring KPI dan mini ring kualitas data.
Yang sudah ditangani
- Donut visual aria-hidden; legenda daftar (teks) membawa label, jumlah, dan persen. Dengan legend={false}, tabel data sr-only menggantikannya.
- ProgressRing memakai role="img" + aria-label ("Rekening 60%"), bukan progressbar: yang diukur keadaan data, bukan proses yang berjalan.
- Animasi panjang busur mati bila prefers-reduced-motion.
- Warna dari token */emphasis dan dataviz/cat-*; status tidak dibedakan oleh warna saja (ada label dan angka).
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.