2.2.2 Duraklat, Durdur, Gizle

Dikkat dağıtıcı olabilecek hareketli, yanıp sönen, kayan veya otomatik güncellenen içerikler duraklatılabilir, durdurulabilir veya gizlenebilir olmalıdır.

SC Kodu: 2.2.2 Seviye: A
URL: https://www.w3.org/TR/WCAG22/#pause-stop-hide

Genel Tanım

WCAG SC 2.2.2 Duraklat, Durdur, Gizle özelliği, kullanıcıların bir web sayfasındaki hareket eden, yanıp sönen, kayan veya otomatik olarak güncellenen bilgileri kontrol edebilmelerini sağlar. Bu, bilişsel veya görme engeli olanlar gibi bu tür içerikleri dikkat dağıtıcı veya bunaltıcı bulan kullanıcılar için çok önemlidir. Başarı kriteri, kullanıcılara hareket eden içeriği duraklatma, durdurma veya gizleme mekanizmalarının sağlanması gerektiğini belirtir.

Faydalar

• Tüm Kullanıcılar İçin Geliştirilmiş Erişilebilirlik: Kullanıcıların dikkat dağıtıcı unsurlardan kaçınarak ve odaklanmalarını sağlayarak hareketli içeriği yönetebilmelerini garanti eder.

Ana Amaç

(1) Otomatik olarak başlayan, (2) beş saniyeden uzun süren ve (3) diğer içerikle paralel olarak sunulan herhangi bir hareketli, yanıp sönen veya kayan bilgi için, hareket, yanıp sönme veya kaydırmanın gerekli olduğu bir etkinliğin parçası olmadığı sürece, kullanıcının bunu duraklatması, durdurması veya gizlemesi için bir mekanizma vardır.

Genel olarak, hareketli içerik dikkat çekmek veya güncellemeleri sunmak için kullanılabilir, ancak kullanıcının içeriğin geri kalanıyla etkileşim kurma yeteneğini engellememelidir. Amaç, dikkat dağıtıcı veya rahatsız edici unsurları önlemek için kullanıcılara bu tür öğeler üzerinde kontrol sağlamaktır. Yanıp sönen içeriğe örnek olarak, kullanıcının dikkatini çekmek için sayfanın kenarında yanıp sönen animasyonlu reklamlar verilebilir.

(1) Otomatik olarak başlayan ve (2) diğer içerikle paralel olarak sunulan herhangi bir otomatik güncellenen bilgi için, otomatik güncellemenin gerekli olduğu bir faaliyetin parçası olmadığı sürece, kullanıcının bu bilgiyi duraklatması, durdurması, gizlemesi veya güncelleme sıklığını kontrol etmesi için bir mekanizma bulunur.

Hareketli içerik örnekleri arasında resim kaydırıcıları, haber şeritleri ve canlı borsa karuselleri yer alır. 5 saniye kuralı, içeriğin amacı için gerekli olduğundan, otomatik olarak güncellenen içerik için geçerli değildir. Otomatik olarak güncellenen içeriğin yanına bir duraklatma düğmesi yerleştirilmelidir. İçerik canlı değilse, slayt veya karuselin durduğu noktadan devam edilmesi önerilir. Haber güncellemeleri gibi canlı içerik için, duraklatma sırasında kaçırılan içeriği atlamak anlamına gelse bile, en güncel noktadan devam edilmesi veya en güncel olmayabileceğini belirten bir mesajla birlikte aynı içerikten devam edilmesi ve en güncel içeriğe atlamak için ek bir düğme eklenmesi önerilir.

Nesne hareket ediyorsa, yanıp sönüyorsa veya 5 saniyeden daha kısa süre kaydırılıyorsa ya da sayfadaki diğer içerikle paralel olarak sunulmuyorsa, duraklatma düğmesi veya gizleme düğmesi gibi bir mekanizma sağlanmamalıdır. Örneğin, sayfadaki bir bağlantıya tıklamak bizi başka bir sayfaya götürüyorsa ve sayfa içeriğinin indirilmesi ağır olduğu için 8 saniye boyunca ön yükleme animasyonu oynatılıyorsa, ön yükleme animasyonu sayfadaki tek içeriktir. Bu nedenle, 5 saniyeden fazla süreyle gösterilse bile bu başarı kriterini karşılar.

Yanıp sönen nesnelere, 5 saniyeden uzun sürmemeleri, duraklatma veya gizleme mekanizmasına sahip olmaları ve saniyede 3 kereden fazla yanıp sönmemeleri koşuluyla izin verilir. Saniyede 3 kereden fazla yanıp sönme, nöbetleri tetikleyebilen 'flaşlama'ya neden olur ve bu nedenle web sayfasında izin verilmez.

En İyi Uygulamalar

• Hareketli içerik için kontroller sağlayın: Hareketli, yanıp sönen veya kayan içeriği duraklatmak, durdurmak veya gizlemek için erişilebilir kontrollerin olduğundan emin olun.
• Statik slayt gösterilerine ve karusellere öncelik verin: Erişilebilirlik sorunları yarattıkları için otomatik oynatma özelliklerinden kaçının. Ekran okuyucu kullanıcıları ve bilişsel engelli bireyler otomatik oynatılan içeriği algılamakta zorlanabilirler. Bunun yerine, gezinme okları içeren statik karuseller uygulayın ve erişilebilirliklerini doğrulamak için ekran okuyucularla test edildiklerinden emin olun.
• Hareketli içerik için zaman sınırları uygulayın: Başka içeriklerle paralel olarak sunulan hareketli içerik duraklatılamıyorsa, durdurulamıyorsa veya gizlenemiyorsa, süresini beş saniyeden fazla olmamak üzere sınırlayın.
• Odaklanma Anında Duraklatma: Bir slayt gösterisi veya kaydırıcı "odaklanma anında duraklatma" özelliği içeriyorsa, bunun sağlanan tek mekanizma olmadığından emin olun. Ayrıca özel bir duraklatma düğmesi de bulunmalıdır. Yalnızca "odaklanma anında duraklatma" işlevine güvenmek bu başarı kriterini karşılamayacaktır.

Örnekler ve Açıklamalar

Örnek: Örnek Uygulama

Otomatik kayan haber içeriğini duraklatmak.

Nelerden Kaçınılmalı?

Sürekli hareket eden bir resim döngüsüne sahip bir web sayfası, duraklatma, durdurma veya hareketi gizleme seçeneği olmaksızın otomatik olarak oynatılıyor.

Açıklama: Engelli kullanıcılar, sayfadaki hareketli içeriğe veya diğer içeriğe odaklanmakta zorlanabilirler; bu da kötü bir kullanıcı deneyimine ve potansiyel erişilebilirlik engellerine yol açabilir.

Ne Yapılmalı?

Bir web sayfasında, sürekli hareket halinde olan ve otomatik olarak oynatılan bir resim döngüsü (carousel) bulunmaktadır. Bu döngüde, kullanıcıların otomatik oynatmayı durdurmasına olanak tanıyan bir 'duraklat' düğmesi yer almaktadır. Oynatmaya devam etmek için düğmeye tekrar basıldığında, döngü duraklatmadan önceki son noktaya geri döner.

Buraya kayan metin gelecek...

Daha fazla kayan metin...

Duraklat/Kaydır

Açıklama: Bir web sayfasında, kullanıcıların kaydırılan içeriği duraklatmasına olanak tanıyan bir haber kaydırma çubuğu bulunur. Bu işlev, kullanıcılara hareketli içerik üzerinde kontrol sağlar ve dikkatleri dağılmadan sayfanın diğer bölümlerine odaklanmalarını mümkün kılar.