Klare Namen für Eingabefelder. Keine Browser-Meldungen wie "Bitte ausfüllen".
Ein barrierefreies Formular hat drei Merkmale. Jedes Eingabefeld hat einen sichtbaren Namen. Fehler sind als Text sichtbar. Fehler sind mit dem Feld verbunden. Screenreader lesen Feld und Fehler zusammen vor.
Die Richtlinien WCAG 3.3.1 und 3.3.3 sind Pflicht. Formulare sind oft der Grund für Barrieren. Standard-Meldungen von Browsern sind nicht für Blinde geeignet. Ersetze diese Meldungen.
Das erste Gespräch dauert 15 Minuten. Wir prüfen, ob unsere Hilfe passt. Weitere Infos: BFSG-Übersicht, Leistungs-Übersicht, BAFA-Förderung, häufige Fragen.
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.
"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.
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.
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-describedbyHata 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.
Modül paketimizin ilgili yapı taşları
-
AAA kontrastları, bileşen başına test edilmiştir.
WCAG 1.4.6Metin için ≥ 7:1, büyük yazı tipi için ≥ 4,5:1 — sayfa örneği başına değil, bileşen başına test edilmiştir.
-
Sade dil (yapay zeka destekli)
WCAG 3.1.5Okuma güçlüğü çekenler, dil öğrenenler ve acelesi olanlar için tek tuşla basitleştirilmiş içerik.
-
Otomatik denetim özellikli kontrast tarayıcı
WCAG 1.4.3Arka planda sürekli olarak karşılaştırmalı testler yapılıyor; hatalar, editör ekibi herhangi bir şey fark etmeden önce rapor ediliyor.
-
Hijyen ve Yapı Yöneticisi
WCAG 1.3.1Ekran okuyucular ve arama motorları için temiz bir tasarım — sayfa başına bir H1 başlığı, sayfa atlamaları yok.
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.
Daha fazla bilgi:
BFSG genel bakışı ·
Performans genel bakışı ·
BAFA fonlaması ·
Sıkça Sorulan Sorular
