← Belajar

KELAS GRATIS / BAHASA INDONESIA

Aksesibilitas: selesaikan alur dengan keyboard

Fundamental Engineering · Materi 17 dari 20

0 / 20 selesaiDisimpan di browser ini

MATERI 17 / 20

Aksesibilitas: selesaikan alur dengan keyboard

Aksesibilitas membantu orang menyelesaikan pekerjaan dengan cara berinteraksi yang berbeda. Mulai dari alur utama dan buktikan bahwa kontrol, informasi serta umpan baliknya dapat dipahami.

Fokus harus terlihat dan masuk akal

Coba halaman hanya dengan Tab, Shift+Tab, Enter dan Escape. Fokus perlu terlihat, mengikuti urutan yang masuk akal dan tidak terjebak. Saat dialog dibuka, fokus masuk ke dialog; setelah ditutup, fokus kembali ke pemicunya. Gunakan elemen native dan pola yang sesuai sebelum menambah ARIA.

Nama kontrol dan pesan hasil penting

Tombol ikon membutuhkan nama yang menjelaskan tindakan. Input memerlukan label, dan error perlu bisa ditemukan selain melalui warna. Ketika daftar diperbarui tanpa navigasi, pengumuman hasil yang singkat dapat membantu. Hindari mengumumkan seluruh halaman pada setiap karakter karena membuat interaksi melelahkan.

Gabungkan cara pemeriksaan

Alat otomatis dapat menemukan sebagian masalah, tetapi tidak memastikan seluruh alur dapat digunakan. Periksa keyboard, zoom, kontras dan teknologi bantu yang relevan. Tuliskan apa yang diuji serta keterbatasannya. Klaim sesuai standar memerlukan cakupan dan bukti yang lebih luas daripada satu skor alat.

CONTOH UNTUK DIPIKIRKAN
Alur uji: cari referensi → buka detail → tutup → simpan
Periksa: nama kontrol, fokus terlihat, urutan Tab
Dialog ditutup → fokus kembali ke tombol pembuka
Error formulir → pesan menjelaskan kolom dan perbaikan

Giliran kamu.

Selesaikan satu formulir tanpa mouse dan pada zoom 200%. Catat titik kehilangan fokus, label yang tidak jelas dan informasi yang hanya disampaikan dengan warna.

  • Alur utama dapat diselesaikan dengan keyboard
  • Nama kontrol dapat dipahami
  • Pemeriksaan otomatis dilengkapi manual
Cek pemahaman

Alat otomatis memberi skor tinggi. Apakah alur keyboard pasti dapat digunakan?

Bacaan pendamping

W3C WAI Tutorials