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