Menemukan Jebakan Papan Ketik

Perangkap keyboard adalah tempat apa pun yang dapat dimasuki fokus tetapi tidak dapat ditinggalkan menggunakan keyboard. Bagi pengguna tanpa tetikus, ini merupakan jalan buntu. 🪤

Pengguna yang terjebak mungkin harus memuat ulang seluruh halaman hanya untuk keluar. WCAG menyebut perangkap tanpa jalan keluar sebagai kegagalan, bukan bug kecil.

Perangkap sering muncul pada komponen yang kaya fitur: pemilih tanggal khusus, editor tertanam, dan plugin pihak ketiga yang mengambil fokus lalu tidak mengembalikannya.

Dialog yang mencegat Tab tetapi tidak menyediakan cara untuk keluar adalah perangkap yang paling umum. Modal yang benar harus dapat ditutup dengan Escape.

Konten tertanam seperti video atau peta berada di dalam bingkai sematan. Beberapa di antaranya mengambil fokus dan membuat pengguna terus berputar di dalamnya tanpa jalan keluar.

Skrip yang memanggil preventDefault pada tombol Tab dapat menghalangi perpindahan normal peramban. Tiba-tiba fokus tidak mau berpindah.

Beberapa perangkap memungkinkan Tab bergerak maju tetapi menghalangi Shift+Tab. Uji kedua arah, karena jalur satu arah tetap merupakan perangkap.

Menahan fokus di dalam modal yang terbuka memang benar jika dilakukan dengan sengaja. Aturannya, harus selalu ada jalan keluar yang jelas, seperti Escape atau tombol tutup.

Ujiannya sederhana tetapi efektif. Tekan Tab melewati seluruh halaman hanya menggunakan keyboard dan jangan pernah mengambil tetikus untuk keluar.

Jika fokus terus berputar di dalam satu komponen dan Tab tidak dapat membawa Anda maju, berarti Anda telah menemukan perangkap. Catat dengan tepat tempat Anda terjebak.

Perbaikannya adalah memulihkan jalan keluar: biarkan Tab melanjutkan, tanggapi Escape, dan saat ditutup, kembalikan fokus ke pemicu yang membuka lapisan tersebut.

Perangkap menahan fokus tanpa jalan keluar melalui keyboard dan melanggar WCAG. Tekan Tab melewati semuanya dalam kedua arah, dan selalu sediakan jalur keluar. ✅