Klavye odağı hiçbir zaman belirli bir sayfa öğesinde kilitlenmemeli veya sıkışmamalıdır. Kullanıcılar yalnızca klavyeyi kullanarak tüm sayfa öğeleri arasında gezinebilmelidir.
Manuel olarak test etme
Kullanıcılarınızın yanlışlıkla odaklarını yakalayıp yakalayamadığını test etmek için yalnızca klavyeyi kullanarak tüm sayfa öğelerine gidip gelin.
"İleri" gitmek için TAB, "geri" gitmek için SHIFT + TAB kullanın.
Sekme tuşuyla tüm sayfa öğeleri arasında başarılı bir şekilde geçiş yapamıyorsanız test başarısız olmuş demektir. Test sırasında özellikle klavye odağının takılabileceği otomatik tamamlama widget'larına dikkat edin.
Nasıl düzeltilir?
Kalıcı iletişim kutuları ve widget'lar gibi birden fazla biçimde içerik sunan sayfalar odak tuzağı riskiyle karşı karşıyadır. Kalıcı iletişim kutusu görüntülendiğinde, kullanıcının sayfanın geri kalanıyla etkileşimde bulunmasını istemiyorsanız kullanıcıyı geçici olarak tuzak kurmak mantıklıdır.
Ancak, kalıcı öğeden çıkış yapmak için klavyeyle erişilebilir bir yöntem sağlamayı da hedeflemelisiniz. Erişilebilir kalıcı iletişim kutusu oluşturma ile ilgili bu örneğe göz atın. Ayrıca bkz. Modlar ve Klavye Tuzakları. Bu örnekte, kalıcı iletişim kutusunun istenen davranışlarını elde etmiş ve odak tuzağından çıkmak için kullanıcıyı sayfayı yenilemeye zorlamak zorunda kalmayacaksınız.
Bu neden önemli?
Fare kullanamayan veya kullanmamayı seçen kullanıcılar için bir ekrandaki her şeye ulaşmanın birincil yöntemi klavyeyle gezinmedir. İyi klavye deneyimi, mantıklı bir sekme sıralamasına ve kolayca ayırt edilebilir odak stillerine bağlıdır. Klavye kullanıcısı belirli bir sayfa öğesinde sıkıştığında sayfayla hiçbir şekilde etkileşimde bulunamaz.
Daha fazla bilgi için Erişilebilirlik incelemesi yapma başlıklı makaleye bakın.
Kaynaklar
Kullanıcı odağı yanlışlıkla bir bölgede sıkışmadı denetimi için kaynak kodu