Radio Group (AppRadioGroup)

Dukungan Keyboard

Pembaca Layar & ARIA

Temuan nyata dari membaca sumber AppRadioGroup.vue: setiap kartu opsi merender <input type="radio"> tanpa <label> pembungkus, tanpa `aria-label`, dan tanpa `aria-labelledby` yang menunjuk ke teks judul kartu. Klik mouse tetap berfungsi karena handler `@click` dipasang pada <div> kartu, tapi pengguna keyboard/pembaca layar yang men-Tab ke radio hanya mendengar "radio button" tanpa nama opsinya sama sekali — ini adalah gap aksesibilitas nyata, bukan sekadar catatan gaya. AppRadio.vue (komponen radio tunggal terpisah yang juga didokumentasikan di halaman ini) TIDAK punya masalah ini — ia membungkus input dengan <label> secara benar.

Warna & Kontras

Mengikuti kebijakan umum di Foundations — Accessibility. Status terpilih memakai kombinasi border warna primary + ring + perubahan background (bukan warna saja), jadi status pilihan tetap bisa dibedakan tanpa persepsi warna.

Target Sentuh (Mobile)

Kartu opsi (area yang bisa diklik mouse) berpadding 16px dan jauh melebihi 44×44pt. Namun elemen <input type="radio"> itu sendiri hanya 16×16px dan menjadi satu-satunya elemen yang menerima fokus keyboard — untuk pengguna keyboard/switch-access, target fokus efektifnya jauh di bawah 44×44pt meski secara visual kartunya besar.