WCAG 3.3.1 · WCAG Modülü

Erişilebilir formlar

Net etiketler, programatik hata yönetimi, doğrulama — tarayıcıda açılır pencereler yok, "lütfen doldurun" gibi şeyler yok.

Bu nedir?

"Erişilebilir formlar" ne anlama geliyor?

Erişilebilir bir form üç özellik ile karakterize edilir: (1) her alanın görünür, programatik olarak atanmış bir değeri vardır. ; (2) Hata mesajları tarayıcı balonu şeklinde değil, düz metin olarak görünür; (3) Hatalar alanla bağlantılıdır (aria-describedby, aria-geçersizBöylece ekran okuyucu, alanı ve hatayı tek seferde duyurabilir.

Neden önemli?

Yükümlülük ve Fayda — WCAG 3.3.1.

WCAG 3.3.1 (Hata Tanımlama) + 3.3.3 (Hata Önerisi) A/AA düzeyinde erişilebilirlik zorunludur. Formlar en sık dönüşüm noktasıdır ve aynı zamanda erişilebilirliğin en sık başarısız olduğu noktadır. Standart tarayıcı ipuçları ("Lütfen e-posta adresinizi girin") ne anlamsal ne de ekran okuyucu uyumludur; bunların değiştirilmesi gerekir.

Uygulamamız

Bunu tam olarak nasıl çözeceğiz?.

Her alan: Görünür, sadece yer tutucu değil.
Yerel doğrulama ile geçersiz-Olay yakalandı, kendi satır içi mesajınızda <span class="field-error">.
aria-describedby Hata aralığı içeren bağlantılı alan, aria-invalid="true"" Durumu belirler.
Giriş yapmadan önce net yardım metinleri — sürpriz yok („alan koduyla telefon numarası, boşluksuz").
Gönder düğmesine klavye aracılığıyla erişilebilir; hata durumunda, ilk geçersiz alana odaklanın.
DigElite eklentisinde canlı yayın: SP_İstekleri-Form + JS modülü site-sayfaları.js.

Diğer WCAG modülleri

Modül paketimizin ilgili yapı taşları

BFSG genel bakışındaki tüm modüller →

Tam olarak bu modüle mi ihtiyacınız var?

15 dakikalık ön görüşme — siteniz için uygun olup olmadığını netleştireceğiz.

İlk görüşme randevusu alın

Daha fazla bilgi:
BFSG genel bakışı ·
Performans genel bakışı ·
BAFA fonlaması ·
Sıkça Sorulan Sorular