Komponen / Navigasi
Steps
Langkah wizard untuk form multi-halaman: posisi pengguna saat mengisi, mis. buat PO customer Customer → Nilai → Penagihan → Tinjau. Bukan status dokumen — untuk tahap proses bisnis pakai StagePath.
Yang sudah ditangani
- Dirender sebagai <nav aria-label> + <ol>; langkah aktif ber-aria-current="step".
- Status tidak hanya warna: penanda Completed bercentang, Error bersilang, dan teks tersembunyi ", selesai" / ", perlu diperbaiki" / ", belum" dibacakan setelah label.
- Langkah yang bisa diklik adalah <button> sungguhan dengan cincin fokus; langkah lain bukan elemen interaktif.
- Tampilan ringkas dan daftar lengkap tidak tampil bersamaan (display: none), sehingga pembaca layar hanya membaca satu.
- Setelah berpindah langkah, pindahkan fokus ke judul langkah di form agar pengguna keyboard tidak tertinggal di tombol "Lanjut".
Keyboard
| Tombol | Fungsi |
|---|---|
| Tab | Pindah ke langkah yang bisa diklik (yang sudah dilewati). |
| EnterSpace | Kembali ke langkah itu. |
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.