Komponen / Grafik & jadwal
ColumnChart
Grafik kolom vertikal tanpa pustaka: kolom tunggal dengan garis target, bertumpuk (komposisi per kategori), histogram (band berurutan), dan divergen (masuk ke atas, keluar ke bawah garis nol).
Yang sudah ditangani
- Grafik visual aria-hidden; tabel tersembunyi (caption + kategori × seri) membawa angka yang sama untuk pembaca layar.
- Dengan `tooltip`, grafik menjadi satu titik Tab; panah menjelajah kolom dan tooltip terhubung lewat aria-describedby.
- Makna tidak hanya warna: nilai tertulis di setiap kolom, legenda berlabel, divergen memakai tanda + / −.
- Label nilai & kategori Footnote (11 px) memakai fg/default dan fg/muted di atas bg/default.
Keyboard
| Tombol | Fungsi |
|---|---|
| Tab | Fokus ke kolom aktif (bila `tooltip`) |
| ←→ | Pindah kolom dan tampilkan nilainya |
| HomeEnd | Kolom pertama / terakhir |
| Esc | Sembunyikan 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.