2.2.1 Zaman Ayarlanabilir

Kullanıcıların içeriği okumak ve etkileşim kurmak için yeterli süresi olmalı; mümkün olduğunda zaman sınırları uzatılabilmeli veya devre dışı bırakılabilmelidir.

SC Kodu: 2.2.1 Seviye: A
URL: https://www.w3.org/TR/WCAG22/#timing-adjustable

Genel Tanım

WCAG SC 2.2.1 Zamanlama Ayarı, kullanıcılara içeriği okumak ve görevleri tamamlamak için yeterli zaman tanıyarak aşağıdaki seçeneklerden en az birini sunar: içeriğin belirlediği zaman sınırlarını kapatmak, ayarlamak veya uzatmak. Açık artırmalar veya canlı bilet satışları gibi gerçek zamanlı etkinlikler istisnadır; bu tür etkinliklerin doğası gereği ek süre uygulanamaz. Bu, web içeriğiyle etkileşim kurmak için daha fazla zamana ihtiyaç duyabilecek engelli kullanıcılar için çok önemlidir.

Faydalar

• Tüm Kullanıcılar İçin Geliştirilmiş Erişilebilirlik: Kullanıcıların içeriği okumak ve görevleri tamamlamak için acele etmeden yeterli zamana sahip olmalarını sağlar.
• Geliştirilmiş Kullanıcı Deneyimi: Kullanıcıların ihtiyaçlarına göre zaman sınırlarını kontrol etmelerine olanak tanıyarak hayal kırıklığını azaltır.

Ana Amaç

Kullanıcılara web içeriği tarafından belirlenen zaman sınırlarını kontrol etme olanağı sağlamak ve gereksiz zaman kısıtlamaları olmadan görevleri tamamlamak için yeterli zamana sahip olmalarını sağlamak. Bu, bilişsel engelli, öğrenme güçlüğü çeken veya ekran okuyucu kullanan ve web sitesindeki içeriği işlemek için daha fazla zamana ihtiyaç duyabilecek görme engelli kullanıcılar için çok önemlidir.

Genel olarak, bir oturumu veya görevi tamamlamak için sınırlı süre tanınması güvenlik nedenleriyle gereklidir. Örneğin, süre sınırı belirtilmemişse ve bir kişi faturalama bilgi formunu doldurur ancak beklenmedik bir nedenle bilgisayarın başından ayrılırsa, başka biri bilgisayara erişebilir ve mevcut kredi bilgilerini kötüye kullanabilir. Bu nedenle amaç, süre sınırlı oturumları iptal etmek değil, bunları kontrol etmek için doğru araç ve yöntemleri sağlamaktır.

En İyi Uygulamalar

• Giriş sayfasında oturum süresi kontrolü sağlayın: Kullanıcıya daha uzun bir oturum süresi başlatma veya oturum zaman aşımını kaldırma seçeneği sunan bir kontrol ekleyin. Bu, belirli bir uzantıyı seçmek için bir radyo düğmesi veya zaman sınırını iptal etmek için bir düğme olabilir.
• Kullanıcıların oturum süresini uzatmasına izin verin: Kullanıcıların varsayılan süre sınırının 10 katına kadar süre sınırı belirlemesine olanak tanıyın. Oturumun tamamlanması için normal süre 5 dakika ise, kullanıcılara bunu en az 50 dakikaya uzatma seçeneği sunun.
• Süre dolmadan önce kullanıcılara uyarı verin: Süre dolmadan önce kullanıcılara uyarı verin ve süre sınırını uzatma seçeneği sunun. Uzatma seçeneğini tercih etmeleri için en az 20 saniye süre tanıyın.
• Süre uzatma kontrolleri için klavye kullanılabilirliğini sağlayın: Süre sınırını uzatmaya yönelik kontrollerin klavye ile çalıştırılabilir olduğundan emin olun.
• Zaman kontrolü mekanizmaları sağlayın: Hareketli veya kaydırılan içerik için zaman sınırlarını duraklatma, durdurma veya uzatma mekanizmaları sağlayın.

Örnekler ve Açıklamalar

Örnek: Örnek Uygulama

Bir formu doldurmak için ek 15 dakika talep etmek.

Nelerden Kaçınılmalı?

Süre uzatma seçeneği olmaksızın 5 dakika sonra otomatik olarak zaman aşımına uğrayan bir form içeren bir web sayfası.

Açıklama: Engelli kullanıcılar formu 5 dakika içinde tamamlayamayabilir ve yeniden başlamak zorunda kalabilirler; bu da hayal kırıklığına ve potansiyel olarak tamamlanmamış görevlere yol açabilir.

Ne Yapılmalı?

HTML/CSS

<form>​​
  <p> Formu doldurmaya ilişkin genel talimatlar ... </p>
  <label for = "extend-time" >Ek süre talebi (1 ila 50 dakika) : </label>
  <input type = "range" id = "extend-time" name = "extend-time" min = "1" max = "50" >
  <span id = "time-value" >25 </span> dakika
</form>​​

<script> 
  const rangeInput = document.getElementById ( 'extend-time' ) ;
  const timeValue = document.getElementById ( ' time-value' ) ; 
  
  rangeInput.addEventListener ( ' input ' , ( ) = > { 
    timeValue.textContent = rangeInput.value ; 
  });
</script>​​

Açıklama: Bir web sayfası, kullanıcıların ek süre talep etmelerine olanak tanıyan bir aralık girişine sahip bir form içerir. Bu süre 1 ile 50 dakika arasında değişebilir; bu da formu doldurmak için varsayılan sürenin 10 katına kadar eşdeğerdir.