Klavye Tuzaklarını Fark Etme

Klavye tuzağı, odağın girdiği ancak klavyeyle çıkamadığı herhangi bir noktadır. Fare kullanmayan biri için bu bir çıkmazdır. 🪤

Tuzağa düşen bir kullanıcı yalnızca kurtulmak için tüm sayfayı yeniden yüklemek zorunda kalabilir. WCAG, çıkışı olmayan tuzağı küçük bir hata değil, başarısızlık olarak değerlendirir.

Tuzaklar zengin bileşenleri sever: özel tarih seçiciler, gömülü düzenleyiciler ve odağı ele geçirip geri vermeyen üçüncü taraf eklentileri.

Tab'ı engelleyip çıkış yolu sunmayan bir iletişim kutusu en yaygın tuzaktır. Gerçek bir kalıcı pencere Escape ile kapanmalıdır.

Video veya harita gibi gömülü içerikler bir iframe içinde yer alır. Bazıları odağı ele geçirip kullanıcıyı çıkış olmadan içeride döndürür.

preventDefault çağrısını Tab tuşunda kullanan betik, tarayıcının normal geçişini engelleyebilir. Bir anda odak ilerlemeyi reddeder.

Bazı tuzaklar Tab ile ileri geçişe izin verir, ancak Shift+Tab ile geri geçişi engeller. Tek yönlü bir yol da tuzak olduğundan iki yönü de test edin.

Açık bir kalıcı pencerenin içinde odağı tutmak kasıtlı olarak doğrudur. Kural, Escape veya kapatma düğmesi gibi her zaman açık bir çıkış bulunmasıdır.

Test doğrudan ve etkilidir. Yalnızca klavyeyi kullanarak tüm sayfada Tab ile ilerleyin ve çıkmak için hiçbir zaman fareye uzanmayın.

Odak tek bir bileşenin içinde dönüp duruyor ve Tab sizi ileri götürmüyorsa bir tuzak buldunuz demektir. Sizi tam olarak nerede yakaladığını not edin.

Çözüm, çıkış yolunu geri getirmektir: Tab'ın ilerlemesine izin verin, Escape'i destekleyin ve kapanırken odağı katmanı açan tetikleyiciye geri döndürün.

Tuzak, odağı klavyeyle çıkış olmadan tutar ve WCAG açısından başarısızdır. Her şeyi iki yönde de Tab ile geçin ve her zaman bir kaçış yolu sunun. ✅