İçeriğe atlaİçeriğe atla

Mekanik modülü WCAG 2.1.1 Seviye A

Klavye navigasyonu

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

Ne işe yarar?

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

WCAG Seviye A'nın zorunlu bir kriteri: Her fonksiyon klavye aracılığıyla çalıştırılabilir olmalıdır. Kulağa çok açık geliyor, ancak pratikte nadiren böyle oluyor. Özel kaydırıcılar, açılır menüler, açılır pencereler ve filtre düğmeleri sık karşılaşılan engellerdir.

Bu modül, tüm etkileşimli öğelerin sekme işlevselliğini kontrol eder ve eksik klavye işleyicilerini ekler. Ek olarak, Klavye tuzakları Tespit edildi ve çözüldü.

Eklenti bunu şu şekilde uyguluyor.

Teknik önlemler

  • Sekme tuzağı tespiti: Bir öğenin sekme sırasını bozduğunu algılar (örneğin, Esc tuşuyla kapatılmayan bir modal pencere).
  • Yenilenmiş Giriş/Boşluk işleyici için `
    `- `role="button"` özelliğine sahip düğmeler.
  • Ok navigasyonu Sekme listelerinde, radyo gruplarında, menülerde.
  • Esc işleyici Modal pencereler, ipuçları ve yan menüler için.
  • Modal pencerede odak tuzağıSekme tuşu açık iletişim kutusunda kalır, arka plana geçmez.
Eklenti yönetim panelinde

Bu ayarları modül sekmesinde bulabilirsiniz.

  • Küresel Geçiş
  • `role="button"` için otomatik işleyici (Enter + Space)
  • Modal pencerelerde odaklanma tuzağı: kapalı / yalnızca açıkça işaretlenmiş modal pencereler / tüm modal pencereler
  • Esc dinleyici derinliği: yalnızca en üstteki modal pencere / tüm açık modal pencereler
  • Her öğe için özel klavye kısayolları (`data-sp-key` aracılığıyla)

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

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

Kullanım senaryosu

Zorunlu modül. Klavye erişilebilirliği, en düşük uyumluluk seviyesinde (A) bir WCAG gerekliliğidir — bu kriter olmadan HAYIR Sayfanın geri kalanının ne kadar güzel olduğu önemli değil, WCAG uyumluluğu şart.

İlgili modüller

Bu, tematik olarak da birbirine uyuyor.

  • Tabindex Yöneticisi

    WCAG 2.4.3

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

  • 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.

  • ARIA Yöneticisi

    WCAG 4.1.2

    Etkileşimli öğelere otomatik olarak doğru ARIA rolleri, durumları ve özelliklerini atar.

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

Kolay dil