Ana içeriğe geç

2.2.4 Kesintiler

Uyarılar veya güncellemeler gibi kesintiler ertelenebilir ya da bastırılabilir olmalı; kullanıcı etkileşimi bölünmemelidir.

SC Kodu: 2.2.4 Seviye: AAA
URL: https://www.w3.org/TR/WCAG22/#interruptions

Genel Tanımlar​

WCAG 2.2.4, kullanıcı etkileşimi sırasında ortaya çıkan kesintilerin (bildirimler, uyarılar, otomatik güncellemeler vb.) kullanıcı tarafından ertelenebilir veya kapatılabilir olmasını gerektirir.

Faydalar​

  • Bilişsel Engelli Kullanıcılar: Dikkat dağınıklığı azalır.
  • Odaklanma: Kullanıcı görevini bölünmeden tamamlar.
  • Kullanıcı Kontrolü: Deneyim kullanıcı tarafından yönetilir.

Kapsam

  • Açılır pencereler (popup)
  • Otomatik uyarılar ve bildirimler
  • anlı içerik güncellemeleri

Ana Amaç​

Bu kriterin amacı, bilişsel engelleri olan kullanıcıların veya dikkat dağınıklığı yaşayan kişilerin, görevlerini kesintiye uğramadan tamamlayabilmesini sağlamaktır.

Gereksinimler​

  • Kullanıcıyı kesintiye uğratan içerikler kapatılabilir veya ertelenebilir olmalıdır
  • Kesintiler, kullanıcının açık rızası olmadan görevi bölmemelidir
  • Acil durumlar dışındaki kesintiler kullanıcı kontrolünde olmalıdır

Not: Güvenlik veya acil durum uyarıları bu kriterin kapsamı dışındadır.

En İyi Uygulamalar​

  • Gereksiz popup ve modal kullanımından kaçının.
  • Bildirimleri kapatma veya erteleme seçeneği sunun.
  • Otomatik güncellemeleri kullanıcı kontrolüne bırakın.
  • Görev ortasında zorunlu kesintiler oluşturmayın.

Örnekler ve Açıklamalar​

Örnek: Bildirim Kontrolü:​

Bir kullanıcı form doldururken çıkan bildirimleri kapatabilir veya daha sonra görüntülemeyi seçebilir.

Nelerden Kaçınılmalı?

Kullanıcı izni olmadan ortaya çıkan ve kapatılamayan kesintiler.

HTML/CSS

<div class="popup">
  Önemli Duyuru!
</div>

Açıklama:

Bu örnekte popup kapatılamaz durumdadır. Kullanıcı görevi bölünür ve WCAG 2.2.4 kriteri karşılanmaz.

Ne Yapılmalı?

Kesintiler kullanıcı kontrolüne bırakılmalıdır.

HTML/CSS

<div class="popup" role="dialog">
  <p>Yeni bir bildirim var.</p>
  <button>Kapat</button>
  <button>Daha Sonra</button>
</div>

Açıklama:

Bu örnekte kullanıcı kesintiyi kapatabilir veya erteleyebilir. Bu yaklaşım WCAG 2.2.4 gereksinimlerini karşılar.