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

🗣️ Kolay dil • 27 Mayıs 2026 tarihi itibarıyla |  ← Normal dil

Manche Inhalte ändern sich schnell. Beispiele sind Formfehler, Ladezeiten und Mini-Einkaufswagen. Diese sagt der Screenreader an.

ARIA-Live-Regionen sind HTML-Bereiche mit einer Eigenschaft: aria-live="polite" oder "assertive". Wenn sich diese Bereiche ändern, sagt der Screenreader die Änderung. Der Nutzer muss nicht dorthin gehen. Beispiele: Fehlermeldungen im Formular, "Produkt ist im Einkaufswagen", Anzahl der Suchergebnisse.

Regel WCAG 4.1.3 ist wichtig. Sie gilt bei Änderungen ohne Fokus-Wechsel. Ohne Live-Region merkt der Nutzer nicht immer die Änderung. Zum Beispiel, "Bitte E-Mail angeben" wird gezeigt. Oder die Suche hat 0 Treffer. Das kann frustrieren.

15 Minuten Gespräch: Wir prüfen, ob es wichtig für Ihre Seite ist. Weitere Infos: Überblick zu BFSG, Leistungen, BAFA-Hilfe, häufige Fragen.

WCAG 4.1.3 · WCAG Modülü

ARIA Canlı Bölgeleri

Dinamik içerik (form hataları, yükleme ekranı, mini sepetler) ekran okuyucu tarafından duyurulur.

Bu nedir?

"ARIA Canlı Bölgeleri" ne anlama geliyor?

ARIA canlı bölgeleri, özniteliğine sahip HTML alanlarıdır. aria-live="kibar"" veya ""kendine güvenen"". Bu alanların içeriği değiştiğinde, ekran okuyucu kullanıcının o bölüme gitmesine gerek kalmadan değişikliği otomatik olarak duyurur. Örnekler: form hata mesajı, "alışveriş sepetindeki ürün", arama sonucu numarası.

Neden önemli?

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

WCAG 4.1.3 (Durum Mesajları) AA seviyesi, odak kayması olmadan görsel durum değişikliğinin meydana geldiği her yerde geçerlidir. Canlı bir bölge olmadığında, ekran okuyucu kullanan bir kişi "Lütfen e-posta adresinizi girin" mesajının görüntülendiğini veya aramanın sıfır sonuç döndürdüğünü fark etmez. Sonuç olarak hayal kırıklığı ve vazgeçme yaşanır.

Uygulamamız

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

  • aria-live="kibar"" Kritik olmayan güncellemeler için (yükleyici, arama sonuçları).
  • aria-live="iddialı"" Sadece acil mesajlar için (oturum süresinin dolması, kritik hatalar).
  • rol="durum"" durum mesajları için ve rol="uyarı"" Hata mesajları için — örtük canlı bölgeler.
  • Konteyner, en başından itibaren (boş olsa bile) DOM'da bulunmalıdır, aksi takdirde `live` fonksiyonu çalışmaz.
  • Bu mantık, DigElite hızlı kontrolünde tam olarak gerçekleşen şeydir: <div id="check-result" role="status" aria-live="polite">.
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

Normal dil