Komponen / Kolaborasi & domain
CommentBox
Kolom komentar di detail dokumen dengan @mention untuk menyebut rekan; ⌘ Return untuk kirim. Tumbuh mengikuti isi.
Yang sudah ditangani
- Kolom adalah <textarea> berlabel ("Komentar" bawaan) dengan petunjuk pintasan di aria-describedby dan aria-keyshortcuts.
- Daftar sebutan memakai pola combobox: aria-autocomplete="list", aria-controls ke role="listbox", dan aria-activedescendant ke opsi aktif — fokus tetap di kolom.
- Jumlah orang yang cocok dan nama yang disisipkan diumumkan lewat region aria-live polite.
- Esc menutup daftar sebutan saja, tidak ikut menutup Popover/Dialog induk.
- Pintasan ⌘/Ctrl Return hanya dipasang di kolom ini, tidak di dokumen.
- Warna aksen sebutan hanya penegas; teks "@Nama" tetap terbaca apa adanya.
Keyboard
| Tombol | Fungsi |
|---|---|
| @ | Membuka daftar orang; teks setelahnya menyaring |
| ↓↑ | Saat daftar terbuka: memindah orang aktif (berputar) |
| ReturnTab | Saat daftar terbuka: menyisipkan "@Nama" orang aktif |
| Esc | Menutup daftar sebutan |
| ⌘ ReturnCtrl Enter | Mengirim komentar |
| Return | Baris baru |
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.