Lompat ke isi
CirccaHIG

Komponen / Tata letak

ObjectSummary

Kepala objek untuk inspector, panel samping, dan kartu (seperti Get Info macOS): ikon jenis dokumen dalam kotak berwarna, nama, satu baris meta, dan status.
React · BetaFigma · siapFigmaSumber

Yang sudah ditangani

  • Nama dirender sebagai heading (bawaan h2, bisa diatur) agar panel mudah dinavigasi pembaca layar.
  • Kotak ikon dan media dekoratif (aria-hidden) — jenis objek sudah tersirat dari nama; bila tidak, sebutkan di meta.
  • Pemisah " · " disembunyikan dari pembaca layar dan diganti koma.
  • Aksi ikon wajib punya label yang menyebut objeknya ("Buka PO-2026-0142").

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