Komponen / Aksi
SegmentedControl
Pengalih 2–5 tampilan yang saling eksklusif untuk isi yang sama: Daftar / Board, Minggu / Bulan / Kuartal. Pilihan langsung berlaku.
Yang sudah ditangani
- Semantik radiogroup: setiap segmen role="radio" dengan aria-checked; berganti segmen dibacakan sebagai pilihan.
- Beri nama grup lewat `aria-label` (atau `aria-labelledby` ke judul terlihat).
- Hanya segmen terpilih yang masuk urutan Tab; panah memindahkan fokus sekaligus memilih.
- Fokus keyboard ditandai cincin fokus 3 px; segmen terpilih mempertahankan bayangan resting.
- Lebar label Medium dipesan dengan bobot Medium sehingga segmen tidak bergeser saat pilihan berganti.
Keyboard
| Tombol | Fungsi |
|---|---|
| Tab | Masuk ke segmen terpilih / keluar dari kontrol |
| ←→ | Pindah ke segmen sebelumnya/berikutnya dan langsung memilihnya (berputar) |
| HomeEnd | Pindah fokus ke segmen pertama/terakhir |
| Spasi | Memilih segmen yang sedang 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.