Lompat ke isi
CirccaHIG

Komponen / Form & input

FileUpload

Area unggah lampiran (PO customer, BAST, faktur) dengan daftar file dan progres per file.
React · BetaFigma · siapFigmaSumber

Yang sudah ditangani

  • Input file asli tersembunyi (sr-only, keluar dari urutan Tab); jalur keyboard lewat tombol "pilih file" yang membuka pemilih file.
  • Di dalam FormField, nama tombol = label field + "pilih file"; hint dan pesan error terhubung lewat aria-describedby.
  • Tarik-lepas hanya pelengkap — semua fungsi tersedia lewat tombol.
  • Selesai, gagal, dan ditolak diumumkan lewat region aria-live; status juga tertulis di teks meta, bukan hanya warna.
  • Tombol aksi per file menyebut nama file ("Hapus BAST-PO-2026-0142.pdf"). Setelah dihapus, fokus pindah ke file berikutnya atau tombol pilih file.

Keyboard

TombolFungsi
EnterSpasiMembuka pemilih file (pada "pilih file")
TabPindah ke aksi per file

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.
Esc
↑↓ pilih↵ buka12 hasil