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

Mekanik modülü WCAG 3.3.1 Seviye A

Erişilebilir formlar

İletişim, sipariş ve giriş formlarındaki eksik etiketleri, zorunlu alan işaretlemelerini ve hata bağlantılarını düzeltir.

Ne işe yarar?

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

Formlar, ekran okuyucu kullanıcıları için en sık karşılaşılan engeldir. Eğer `

Bu modül, sayfadaki tüm formları tarar ve eksik ARIA özelliklerini, etiket ilişkilerini ve zorunlu alan işaretlemelerini ekler.

Eklenti bunu şu şekilde uyguluyor.

Teknik önlemler

  • Bağlantı için etiket: eksik olan `for` özniteliklerini `for` öğesine ekler.
  • Gerekli alan ariaDoğrulama hatalarında `aria-required="true"` ve `aria-invalid` özelliklerini ayarlar.
  • Hata metni bağlantısı: doğrulama-``ID` değeri alınır, giriş alanı `aria-describedby` değerini alır.
  • Alan kümesi/Efsane: radyo gruplarında ` olmadan
    Grup sarmalayıcı öğesi otomatik olarak eklenecektir.
  • Otomatik tamamlama belirteçleriTarayıcı desteği için `autocomplete="email"`, `autocomplete="name"` vb. ekler.
Eklenti yönetim panelinde

Bu ayarları modül sekmesinde bulabilirsiniz.

  • Form eklentisi başına otomatik onarım açma/kapama (Contact Form 7, Gravity Forms, WPForms, Fluent Forms, ...)
  • Gerekli alan işaretleyici stili: `*` / Metin „(Gerekli)" / Yalnızca ARIA
  • Hata metni stili: alanın yakınında / üstünde / altında
  • Otomatik tamamlama belirteçleri: evet / hayır
  • Canlı doğrulama modu: dokunulduğunda / odak dışı bırakıldığında / gönderildiğinde

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

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

Kullanım senaryosu

Form içeren her sayfa için (iletişim, sipariş, bülten, giriş) zorunlu bir modül. Hiçbir form eklentisi, kutudan çıktığı haliyle tam erişilebilirlik sağlamaz; bu modül bu eksiklikleri giderir.

İlgili modüller

Bu, tematik olarak da birbirine uyuyor.

  • ARIA Yöneticisi

    WCAG 4.1.2

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

  • Dil özelliği

    WCAG 3.1.1

    Yabancı dildeki metinler için HTML kök ve öğe düzeyinde doğru `lang` özniteliklerini ayarlar.

  • Klavye navigasyonu

    WCAG 2.1.1

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

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