Özel etkileşimli kontrollere odaklanılabilir olmalıdır.
<div> öğesini gösterişli bir açılır menüye dönüştürmek için JavaScript kullanırsanız bu sekme sekme sırasına otomatik olarak eklenmez.
Tüm özel kontrollerin klavyeye odaklanılabilir olup olmadığını manuel olarak kontrol etmeniz gerekir.
Klavye erişimiyle ilgili temel bilgiler başlıklı makaleyi de inceleyin.
Manuel olarak test etme
Özel kontrolün odaklanılabilir olup olmadığını test etmek için TAB tuşuna basarak sitede gezinin:
Sayfadaki tüm etkileşimli denetimlere ulaşabiliyor musunuz?
Aksi takdirde, bu kontrollerin odaklanılabilirliğini iyileştirmek için tabindex kullanmanız gerekebilir.
Ayrıca bkz. Sekme dizini ile odağı kontrol etme.
Nasıl düzeltilir?
Özel bir kontrolü odaklanılabilir hale getirmek için özel denetim öğesini, tabindex="0" kullanarak doğal sekme sırasına ekleyin.
Örneğin:
<div tabindex="0">Focus me with the TAB key</div>
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ı neyin odaklandığını göremezse sayfayla hiçbir şekilde etkileşimde bulunamaz.
Daha fazla bilgi için Erişilebilirlik incelemesi yapma başlıklı makaleye bakın.