Tab sırası (veya klavye ile gezinme sırası), bir web sayfasındaki etkileşimli öğeler arasında odaklanma (focus) geçişinin hangi sırayla gerçekleşeceğini belirleyen HTML özelliği ya da mantıksal dizilimi ifade eder. Kullanıcı yalnızca klavye ile – çoğunlukla “Tab” tuşunu kullanarak – sayfada gezinirken, bu sıralama hangi öğeden hangisine geçileceğini belirler ve klavye erişilebilirliğinin temelini oluşturur.
Gelin, fiziksel bir engeli olan ve fare kullanamayan bir kullanıcıyı düşünelim. Ya da yalnızca hız ve verimlilik açısından klavye ile gezinmeyi tercih eden birini. Bu kullanıcılar web sitenizle etkileşim kurarken fare yerine “Tab” tuşuna basarak bir bağlantıdan diğerine, bir form alanından bir butona geçerler.
Ancak eğer sayfanızda tab sırası düzgün tanımlanmadıysa, kullanıcılar bir anda sayfanın altındaki bir öğeye, ardından üstteki bir forma, sonra beklenmedik bir menüye geçebilirler. Bu düzensiz ve öngörülemez geçişler, kullanıcıyı hem şaşırtır hem de ciddi bir erişilebilirlik problemi yaratır.
İşte tam da bu nedenle mantıklı, sezgisel ve hiyerarşik bir tab sırası belirlemek son derece kritik öneme sahiptir. İyi planlanmış bir tab sırası şunları sağlar:
Bu sıralamanın genellikle sayfanın görsel akışına uygun olması (örneğin: yukarıdan aşağıya ve soldan sağa) beklenir. Bunun için HTML’de doğru elementlerin doğru sırada tanımlanması ve gerekiyorsa tabindex özniteliğinin bilinçli bir şekilde kullanılması önemlidir.
Doğru uygulanmış bir tab sırası;
Unutmayın: Klavye ile tam erişim sağlamak, erişilebilir tasarımın temel taşlarından biridir. Tab sırası ise bu yapının görünmeyen ama en önemli iskeletidir.
Erişilebilirlik kütüphanesine geri dönCorpowid ile Dijital Erişilebilirlik Standartlarını Yakalayın
Corpowid’in kolay entegre edilebilen ve yüksek düzeyde özelleştirilebilir çözümüyle, web sitenizde mobil ve masaüstü uyumlu kusursuz erişilebilirlik sağlayın. Kullanıcı deneyimini geliştirin, arama motoru görünürlüğünü artırın ve yasal düzenlemelere tam uyum elde edin — hepsi tek bir merkezi platform üzerinden.