Lompat ke isi
CirccaHIG

Komponen / Tampilan data

Checklist

Daftar tugas ala Reminders dengan tenggat dan penanggung jawab: langkah serah terima, kelengkapan sebelum diajukan, tindakan yang menunggu Anda.
React · BetaFigma · siapFigmaSumber

Yang sudah ditangani

  • Tiap item berupa role="checkbox" yang dilabeli teks tugasnya; klik teks ikut mengubah centang.
  • Item `readOnly` memakai aria-readonly dan mengabaikan perubahan tanpa dipudarkan.
  • Tenggat dan penanggung jawab dibacakan sebagai teks ("Tenggat dekat: Besok, 9 Okt 2026", "Penanggung jawab: Rina Kartika").
  • Ringkasan `summary` dihubungkan lewat aria-describedby dan diumumkan (aria-live polite) saat berubah.

Keyboard

TombolFungsi
TabPindah ke centang berikutnya
SpaceCentang / batalkan centang

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