Komponen / Form & input
Stepper
Menambah/mengurangi angka kecil: qty lisensi, jumlah termin, durasi kontrak. Field angka dengan kotak panah naik/turun ala macOS; tetap bisa diketik langsung.
Yang sudah ditangani
- Field ber-role spinbutton dengan aria-valuenow, aria-valuemin, dan aria-valuemax; label, helperText, dan error terhubung lewat FormField.
- Panah adalah tombol berlabel "Tambah" / "Kurangi" (aria-controls ke field). Keduanya di luar urutan Tab karena keyboard memakai ↑/↓ di field.
- Panah yang tidak berlaku di batas nonaktif (disabled + opasitas 45%), bukan disembunyikan.
- Klik panah memindahkan fokus ke field sehingga cincin fokus tetap terlihat di tempat nilai berubah.
Keyboard
| Tombol | Fungsi |
|---|---|
| ↑↓ | Tambah / kurangi sebesar step |
| PageUpPageDown | Tambah / kurangi 10 × step |
| Home | Ke nilai minimum |
| End | Ke nilai maksimum (bila ada max) |
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.