Komponen / Grafik & jadwal
ChartCard
Wadah kartu grafik di Monitoring: judul (pertanyaan kartu), keterangan, tautan ke daftar sumber, grafik, dan footnote penjelas — lengkap dengan keadaan kosong dan memuat. KpiCard untuk angka "x dari y" dengan ring kecil.
Yang sudah ditangani
- Kartu adalah <section> berlabel judul (aria-labelledby) dan dijelaskan keterangannya (aria-describedby).
- Saat memuat, kartu aria-busy dan Skeleton disembunyikan dari pembaca layar; ada teks "Memuat…" tersembunyi.
- Tautan header punya fokus terlihat (shadow-focus); tanda › disembunyikan dari pembaca layar.
- Ring di KpiCard dekoratif (aria-hidden) karena angka dan populasinya sudah ada di teks kartu.
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.