İçeriğe atla

Mekanik modülü WCAG 2.4.3 Seviye A

Tabindex Yöneticisi

Sekme sırasını düzeltir, pozitif `tabindex` değerlerini ortadan kaldırır ve hatalı atlamaları giderir.

Ne işe yarar?

İşlevi tek cümleyle ve üç cümleyle açıklayın

Pozitif `tabindex` değerleri (örneğin, `tabindex="3"`), sekme sıralamasının bozulmasının en yaygın nedenidir. Bunlar, doğal DOM sıralamasını geçersiz kılar ve özellikle iç içe bölümlere sahip sayfa oluşturucularda öngörülemeyen atlamalara yol açar.

Bu modül, pozitif `tabindex` değerlerini kaldırır ve doğal sıralamayı geri yükler. Gerekirse, akış içinde `tabindex="0"` ve akış dışında `tabindex="-1"` ile kasıtlı atlamalar eklenir.

Eklenti bunu şu şekilde uyguluyor.

Teknik önlemler

  • Pozitif değerler → 0: Öğeyi odaklanılabilir hale getirir, ancak DOM sıralamasının karar vermesine izin verir.
  • `tabindex="-1"` değişmeden kalır.Bu meşru (öğe, Tab üzerinden değil, JS üzerinden odaklanabilir).
  • Görsel sıralama kontrolü: DOM sıralamasının görsel sıralamadan (Flexbox/Grid) farklı olduğunu algılar.
  • Yeniden sipariş önerisiGörsel sıralamada belirgin farklılıklar olması durumunda, DOM'un yeniden sıralanması önerilir.
  • Modül çatışma korumasıSekme dizini başka şekilde etkisiz hale getirilse bile, atlama bağlantısı korunur.
Eklenti yönetim panelinde

Bu ayarları modül sekmesinde bulabilirsiniz.

  • Saldırganlık düzeyi: muhafazakar (sadece > 5) / orta (>1) / saldırgan (her şey > 0)
  • Görsel sıralama önerileri: açık / kapalı
  • Beyaz liste seçicileri (dokunulmaması gereken öğeler)
  • Fark içeren hata ayıklama günlüğü

Yönetici panelindeki yol: WP-Admin → Erişilebilirlik → Modüller → Tabindex Yöneticisi

Modüle ne zaman ihtiyacınız var?

Kullanım senaryosu

Sayfa oluşturucu kullanan siteler (Divi, Elementor, Bricks) ve karmaşık ana veya mega menü yapılarına sahip temalar için önerilir. Twenty-Twenty-One gibi minimalist temalar için daha az gereklidir.

İlgili modüller

Bu, tematik olarak da birbirine uyuyor.

  • Klavye navigasyonu

    WCAG 2.1.1

    Her etkileşimli öğeye fare kullanmadan erişilebildiğinden emin olun — Tab, Enter, ok tuşları, Esc.

  • Görünür odak

    WCAG 2.4.11

    Odaklanabilir tüm öğelerde güçlü, her zaman görünür bir odak halkası sağlar — AAA kontrast oranıyla.

  • Bağlantıları ve önemli yerleri atla

    WCAG 2.4.1

    Klavye kullanıcıları ve ekran okuyucular için anlamsal dönüm noktası rolleri ve görünür atlama bağlantıları ayarlar.

Siteniz için modülü etkinleştirin mi?

İlk 15 dakikalık görüşmede, modülün temanız ve içerik türünüz için uygun olup olmadığını ve kurulumun nasıl göründüğünü açıklığa kavuşturacağız.

15 dakikalık ön görüşme
Tüm modülleri görüntüle