WCAG 2.2.1 · A Seviyesi · EN 301 549 9.2.2.1

Ayarlanabilir Zamanlama

İçeriğin belirlediği her zaman sınırının kullanıcılar tarafından kapatılabilmesini, ayarlanabilmesini ya da süre dolmadan uyarıyla uzatılabilmesini ister.

Kısaca

Pek çok kişinin daha fazla zamana ihtiyacı vardır: okumak, yazmak, bir kontrolü bulmak ya da bir formu anlamak için. Birkaç dakika sonra sona eren bir oturum, sabit geri sayımlı bir sınav ya da sepetinizi çok erken bırakan bir ödeme sayfası onları dışarıda bırakıp işlerini kaybettirebilir.

Bu kriter, içeriğin belirlediği her zaman sınırı için kullanıcıların onu kapatabilmesini, varsayılanın en az on katına ayarlayabilmesini ya da uzatabilmesini ister. Uzatmak için süre dolmadan önce uyarılmalı, Boşluk tuşuna basmak gibi basit bir eylemle yanıt vermek için en az 20 saniye verilmeli ve bunu en az on kez yapabilmelidir.

Neleri kapsar?

  • Kapatma: Kullanıcı, sınırla karşılaşmadan önce onu kapatabilir.
  • Ayarlama: Kullanıcı, sınırla karşılaşmadan önce onu varsayılan uzunluğunun en az on katına değiştirebilir.
  • Uzatma: Kullanıcı süre dolmadan önce uyarılır, basit bir eylemle uzatmak için en az 20 saniyesi vardır ve en az on kez uzatabilir.
  • Tipik sınırlar: Oturum zaman aşımları, form süresinin dolması, zamanlı sınavlar, tek kullanımlık şifreler, rezervasyon tutmaları ve otomatik yönlendirmeler ya da yenilemeler.
  • İstisnalar: Sınırın zorunlu bir gereksinim olduğu açık artırma gibi gerçek zamanlı bir etkinlik; etkinlik için zorunlu olan bir sınır; ve 20 saatten uzun bir sınır.
  • Kapsam dışı notlar: Hareketli ya da kendiliğinden güncellenen içerik 2.2.2 kapsamındadır. Zaman aşımından sonra veri kaybetmeden yeniden kimlik doğrulama 2.2.5'tir (AAA düzeyi).

Kimleri etkiler?

Bilişsel ya da öğrenme farklılıkları olanlar dahil yavaş okuyan ya da yazan kişiler. Gezinmek için daha fazla zamana ihtiyaç duyan ekran okuyucu kullanıcıları. Anahtar ya da ses denetimi kullanan motor engelli kişiler. Kesintiye uğrayanlar. Tasarımcının beklediğinden uzun süreye ihtiyaç duyan herkes.

EAA ve EN 301 549'da

Avrupa Erişilebilirlik Yasası (Direktif (AB) 2019/882) 28 Haziran 2025'ten sonra piyasaya sunulan kapsamdaki ürün ve hizmetler için geçerlidir. Yasanın 47. gerekçesi web siteleri ve mobil uygulamalar için dört ilkeyi sayar: algılanabilirlik, işletilebilirlik, anlaşılabilirlik ve sağlamlık. İçeriği kullanmak için yeterli süre, "işletilebilirlik" ilkesinin parçasıdır.

Teknik karşılığı EN 301 549 standardında bulunur. Standart, WCAG 2.2.1'i atıfla alır ve ortama göre ayrı maddelere dönüştürür.

WCAG 2.2.1'in EN 301 549'daki karşılıkları
MaddeOrtamNe ister?
9.2.2.1Web sayfalarıWeb içeriğinin WCAG 2.2.1 kriterini karşılamasını ister.
10.2.2.1Web dışı dokümanlar (PDF, Office dosyaları)Standardın uyguladığı hâllerde zaman sınırı olan dokümanların aynı kuralı karşılamasını ister.
11.2.2.1Web dışı yazılım (yerel mobil uygulamalar)Zaman sınırı olan yazılımın, kullanıcıların bunları kapatmasına, ayarlamasına ya da uzatmasına izin vermesini ister.

Kriterin web dışı dokümanlara uygulanıp uygulanmadığı ve nasıl uygulandığı standardın 10. maddesinde belirtilir. Madde numaraları EN 301 549'un "9. + WCAG numarası" düzenine göredir. V3.2.1'de yazılım maddesi, açık ve kapalı işlevsellik için ayrı alt maddelere bölünmüştür. Kaynak gösterirken tam numaraları standarttan kontrol edin.

Standart sürümü: EN 301 549 V4.1.1 (Eylül 2026), WCAG 2.2'yi esas alan ve EAA için hazırlanan ilk sürümdür. Henüz AB Resmî Gazetesi'nde atıf almamıştır; bu nedenle EAA gereksinimlerini karşılamanın gönüllü teknik yolu olarak görülmelidir. Atıf yapıldığında EAA ile ilgili uygunluk karinesi sağlayacaktır. 2.2.1 kriterinin metni WCAG 2.1 ve 2.2'de aynıdır.

EAA bağlamında dikkat: Yasanın Madde 2/4 hükmü bazı içerikleri gereksinimlerin dışında bırakır; örneğin 28 Haziran 2025'ten önce yayımlanmış ofis dosya biçimleri ve bu tarihten sonra güncellenmeyen arşivler. Bu tarihten sonra yayımladığınız ya da değiştirdiğiniz içerik bu istisnaların kapsamında değildir.

Directive (EU) 2019/882, EUR-Lex, İngilizce, yeni sekmede açılır

Web için kod örnekleri

1. Uyarın ve kullanıcının oturumu uzatmasına izin verin

Oturum sona ermeden önce yanıt vermek için en az 20 saniye veren ve kullanıcının tek bir eylemle devam etmesini sağlayan bir iletişim kutusu gösterin.

Hatalı
setTimeout(() => { window.location = "/cikis"; }, 5 * 60 * 1000);
Doğru
<dialog id="zamanasimi" role="alertdialog" aria-labelledby="zb" aria-describedby="za">
  <h2 id="zb">Oturumunuz sona ermek üzere</h2>
  <p id="za"><span id="kalan">60</span> saniye içinde oturumunuz kapatılacak.</p>
  <button type="button" id="uzat">Oturumu açık tut</button>
</dialog>

<script>
// Süre dolmadan 60 saniye önce uyarın; kullanıcı tekrar tekrar uzatabilir
uzat.addEventListener("click", () => { oturumuYenile(); zamanasimi.close(); });
</script>

2. Zamanlayıcıdan sonra otomatik yönlendirmeden kaçının

Birkaç saniye sonra kullanıcıyı başka yere götüren bir meta refresh, okumaları için onlara zaman bırakmaz.

Hatalı
<meta http-equiv="refresh" content="5; url=/sonraki">
Doğru
<p>Siparişiniz alındı.</p>
<a href="/sonraki">Hesabınıza devam edin</a>

3. Kullanıcıların sınav süresini ayarlamasına izin verin

Sınav başlamadan önce süreyi uzatan ya da sınırı kaldıran bir ayar sunun.

Hatalı
<p>10 dakikanız var. Süre değiştirilemez.</p>
Doğru
<label for="ek">Ek süre</label>
<select id="ek">
  <option value="1">Standart süre (10 dakika)</option>
  <option value="1.5">1,5 kat süre</option>
  <option value="2">2 kat süre</option>
  <option value="0">Süre sınırı yok</option>
</select>

4. Zaman aşımında işin kaybolmaması için kaydedin

Girilen veriyi koruyun; kullanıcılar oturum kapandıktan sonra devam edebilsin.

Hatalı
// Zaman aşımında: oturum yok edilir, form verisi kaybolur
Doğru
// Taslağı yerelde (ya da sunucuda) saklayın ve girişten sonra geri yükleyin
form.addEventListener("input", () => {
  sessionStorage.setItem("taslak", JSON.stringify(Object.fromEntries(new FormData(form))));
});

5. Sepeti yeterince uzun tutun

Kısa bir rezervasyon süresi de bir zaman sınırıdır. Kullanıcılara uzatmanın bir yolunu verin.

Hatalı
<p>Biletleriniz 3 dakika ayrılır.</p>
Doğru
<p>Biletleriniz 15 dakika ayrılır.
  <button type="button" id="daha">15 dakika daha ekle</button></p>

6. Uyarıyı yardımcı teknolojiye duyurun

Uyarı yalnızca ekran okuyucu kullanıcıları duyarsa işe yarar.

Hatalı
<div class="uyari">Oturum yakında sona eriyor</div>
Doğru
<div role="alert">Oturumunuz 60 saniye içinde sona erecek.
  <button type="button">Oturumu açık tut</button></div>

Mobil için kod örnekleri

Yerel uygulamalarda da zaman sınırları vardır; örneğin oturumlar, tek kullanımlık kodlar ve geri sayımlar. Kullanıcıları uyarın, uzatmalarına izin verin ve verilerini koruyun.

iOS (SwiftUI)

import SwiftUI

struct OturumUyarisi: View {
    @Binding var kalanSaniye: Int
    var uzat: () -> Void

    var body: some View {
        VStack(spacing: 12) {
            Text("Oturumunuz \(kalanSaniye) saniye içinde sona erecek.")
                .accessibilityAddTraits(.isHeader)
            // Uzatmak için tek basit eylem; tekrar tekrar izin verin
            Button("Oturumu açık tut") { uzat() }
        }
        .padding()
        .onAppear {
            // VoiceOver kullanıcıları uyarıyı duysun diye duyurun
            UIAccessibility.post(notification: .announcement,
                                 argument: "Oturumunuz yakında sona erecek")
        }
    }
}

Android (Jetpack Compose)

import androidx.compose.material3.*
import androidx.compose.runtime.Composable

@Composable
fun OturumUyarisi(kalanSaniye: Int, onUzat: () -> Unit, onKapat: () -> Unit) {
    // Süre dolmadan uyarın ve uzatmak için tek basit eylem sunun; tekrar tekrar izin verin
    AlertDialog(
        onDismissRequest = onKapat,
        title = { Text("Oturumunuz sona ermek üzere") },
        text = { Text("$kalanSaniye saniye içinde oturumunuz kapatılacak.") },
        confirmButton = {
            TextButton(onClick = onUzat) { Text("Oturumu açık tut") }
        }
    )
}

Nasıl test edilir?

  • Zaman sınırlarını listeleyin: Oturumları, zamanlayıcıları, süresi dolan formları, tek kullanımlık kodları, rezervasyonları ve otomatik yönlendirmeleri ya da yenilemeleri arayın.
  • Her birini kontrol edin: Kullanıcı onu kapatabiliyor, uzunluğunun on katına ayarlayabiliyor ya da uzatabiliyor mu?
  • Uyarıyı test edin: Süre dolmadan önce, basit bir eylemle yanıt vermek için en az 20 saniye veren bir uyarı var mı?
  • Tekrar tekrar uzatmayı test edin: Kullanıcı en az on kez uzatabiliyor mu?
  • Yardımcı teknolojiyi kontrol edin: Bir ekran okuyucu uyarıyı duyuruyor mu ve uzatma kontrolüne klavyeyle ulaşılabiliyor mu?
  • Neyin kaybolduğunu kontrol edin: Zaman aşımından sonra kullanıcının verisi korunuyor mu?
  • Mobili kontrol edin: Uygulamadaki oturumlar, tek kullanımlık kodlar ve geri sayımlar kullanıcılara yeterli zaman veriyor mu?
  • Denetleyiciyi başlangıç olarak kullanın: Otomatik araçlar bir meta refresh bulabilir ama betik tabanlı zamanlayıcıları bulamaz. Bir kişi test etmelidir.

Sık yapılan hatalar

  • Uyarısız oturum sona ermesi: Kullanıcılar tepki verme şansı bulamadan oturumdan atılır.
  • Birkaç saniyede kaybolan uyarı: En az 20 saniye gerekir.
  • Karmaşık eylem gerektiren uyarılar: Uzatmak basit bir eylem olmalıdır.
  • Yalnızca bir uzatma: Kullanıcı en az on kez uzatabilmelidir.
  • Zaman aşımında veri kaybı: Kullanıcının girdiği veriyi her zaman koruyun.
  • Meta refresh yönlendirmeleri: Kullanıcılar okuyamadan onları başka yere götürür.
  • Her sınırı istisna saymak: İstisnalar dardır: gerçek zamanlı etkinlikler ve zorunlu sınırlar.
  • Ekran okuyucuların duyurmadığı uyarılar: role="alert" ya da role="alertdialog" kullanın.

Kaynaklar

Standart sürümü: EN 301 549 V4.1.1 (2026-09), WCAG 2.2. Bu sayfa bilgilendirme amaçlıdır ve hukuki tavsiye niteliği taşımaz; bağlayıcı metin için Avrupa Erişilebilirlik Yasası'nın (Direktif (AB) 2019/882) ve EN 301 549 standardının resmî metinlerini esas alın.

Corpowid, Gartner tarafından tanınan bir platformdur.

Corpowid, dijital erişilebilirlik alanındaki yenilikçi yaklaşımı ve performansı nedeniyle dünyanın önde gelen araştırma ve danışmanlık şirketlerinden biri olan Gartner tarafından takdir edilmiştir. Bu rozetler, yapay zeka destekli ve kapsayıcı web deneyimleri oluşturma konusundaki kararlılığımızı yansıtmaktadır.

Corpowid hakkında sorularınız mı var?

Bizimle iletişime geçin.

Size en kısa sürede geri dönüş sağlayacağız.