ADA ve göndermeden önce gözden geçirme

Bir hata para, hak ya da veri kaybettirdiğinde

Çoğu yazım hatası ucuzdur. Bazıları öyle değildir: yanlış dosya numarasıyla gönderilen bir mahkeme başvurusu, yanlış tutarda yapılan bir fatura ödemesi, kalıcı olarak silinen bir ruhsat başvurusu, boş soruları olan bir çevrimiçi sınavın gönderilmesi. WCAG 2.1, 3.3.4 başarı ölçütü (AA düzeyi), yasal taahhüt veya finansal işlem doğuran, kullanıcının denetimindeki verileri değiştiren ya da silen ya da sınav yanıtlarını gönderen sayfalara uygulanır. Bu sayfalarda üç güvenceden en az biri sağlanmalıdır:

• Geri alınabilir: gönderim geri alınabilir.
• Denetlenmiş: veri girdi hataları için denetlenir ve kullanıcı düzeltebilir.
• Onaylanmış: sonuçlandırmadan önce bilgiyi gözden geçirme, onaylama ve düzeltme yolu vardır.

Üçüne değil, birine ihtiyacınız var. Ölçüt önem derecesine göre değil kategoriye göre uygulanır. Rutin kayıtlar genellikle Denetlenmiş ya da Geri alınabilir güvencesiyle karşılanır; bu yüzden bir profil sayfasının her kaydedilişinde onay gerekmez ve günlükler ya da analitik "kullanıcının denetimindeki veri" değildir.

Kamu sitelerinde nerede önemli? (ADA açısı)

E-başvuru, vergi ve harç ödemeleri, yardım başvuruları, okul kaydı ve değerlendirmeler tam kapsamdadır. Rakamları karıştıran, yardımcı teknolojisi bir formu erken gönderen ya da Enter’a yanlış yerde basan kişi en çok kaybedecek olandır. Title II kuralı bu hizmetlerin bu ölçütü de içeren WCAG 2.1 AA’yı karşılamasını bekler. Ödeme adımını üçüncü taraf bir tedarikçi işletiyorsa tedarikçiler ve üçüncü taraf içerik sayfasına bakın.

Web kodu: başvuru, silme, ödeme, sınav

İncelemesiz mahkeme e-başvurusu

<form action="/e-basvuru/gonder" method="post">
  <!-- tüm alanlar -->
  <button type="submit">Başvuruyu gönder</button>
</form>

<!-- 3. adım / 3 -->
<h2>Başvurunuzu gözden geçirin</h2>
<dl>
  <dt>Dosya numarası</dt><dd>2026/412</dd>
  <dt>Belge</dt><dd>Erteleme talebi.pdf</dd>
</dl>
<a href="/e-basvuru/duzenle">Ayrıntıları değiştir</a>
<form action="/e-basvuru/gonder" method="post">
  <input type="checkbox" id="tamam" required>
  <label for="tamam">Yukarıdaki bilgileri kontrol ettim.</label>
  <button type="submit">Başvuruyu gönder</button>
</form>

Yüklenmiş ruhsat belgesini silme

silDugme.addEventListener("click", () => {
  fetch(`/api/belgeler/${id}`, { method: "DELETE" });
});

<dialog id="silme-onay">
  <p>"vaziyet-plani.pdf" silinsin mi? Bu işlem geri alınamaz.</p>
  <button type="button" id="vazgec">Dosyayı koru</button>
  <button type="button" id="kesin-sil">Dosyayı sil</button>
</dialog>
<script>
  const iletisim = document.getElementById("silme-onay");
  silDugme.onclick = () => iletisim.showModal();
  document.getElementById("vazgec").onclick = () => iletisim.close();
  document.getElementById("kesin-sil").onclick = () => {
    fetch(`/api/belgeler/${id}`, { method: "DELETE" });
    iletisim.close();
  };
</script>

Boş bırakılmış sorularla gönderilen çevrimiçi sınav

<button type="button" id="bitir">Sınavı bitir</button>
<script>bitir.onclick = () => yanitlariGonder();</script>

<button type="button" id="bitir">Gözden geçir ve bitir</button>
<script>
  bitir.onclick = () => {
    const bos = yanitlar.filter(a => !a.value).length;
    incelemeMetni.textContent = bos
      ? `${bos} soru yanıtsız. Geri dönün ya da yine de gönderin.`
      : "Tüm sorular yanıtlandı. Hazır olunca gönderin.";
    incelemeDiyalogu.showModal();     // Geri dön ve Sınavı gönder düğmelerini içerir
  };
</script>

Mobil kod: SwiftUI ve Jetpack Compose

// SwiftUI
Button("84,20 TL öde") { Task { await ode(tutar) } }

// SwiftUI
Button("Ödemeyi gözden geçir") { incelemeGoster = true }
  .confirmationDialog("Acme Su’ya 84,20 TL ödensin mi?", isPresented: $incelemeGoster) {
    Button("84,20 TL öde") { Task { await ode(tutar) } }
    Button("Tutarı değiştir", role: .cancel) {}
  }

// Jetpack Compose
Button(onClick = { basvuruyuGonder() }) { Text("Başvuruyu gönder") }

// Jetpack Compose
Button(onClick = { onayGoster = true }) { Text("Başvuruyu gözden geçir") }

if (onayGoster) {
  AlertDialog(
    onDismissRequest = { onayGoster = false },
    title = { Text("Başvuru gönderilsin mi?") },
    text = { Text("Dosya 2026/412, Erteleme talebi.") },
    confirmButton = { TextButton(onClick = { basvuruyuGonder() }) { Text("Gönder") } },
    dismissButton = { TextButton(onClick = { onayGoster = false }) { Text("Geri dön") } }
  )
}

Yüksek riskli akışlar için test turu

1. Para harcayan, yasal taahhüt doğuran, veri silen ya da yanıt gönderen her eylemi listeleyin.
2. Her akışı yürüyün. Göndermek üzere olduğunuz şeyi gözden geçirebiliyor musunuz? Geri alma yolu var mı? Sistem veriyi denetleyip düzeltmenize izin veriyor mu?
3. Her eylem için en az bir güvencenin geçerli olduğunu ve klavye ve ekran okuyucuyla çalıştığını doğrulayın.
4. Onay adımının kendisini 3.3.1 ve 2.1.1 sorunları için test edin. Yalnızca fareyle kullanılan bir onay düğmesi güvenceyi boşa çıkarır.
5. Araçlar hangi sayfaların yüksek riskli olduğunu tanıyamaz. Envanter ekipten gelmelidir.

Görülen hatalar

• Ne olacağını söylemeyen genel bir "Emin misiniz?" iletişim kutusu.
• Düzeltmeye izin vermeyen bir onay sayfası.
• Yalnızca görsel olarak duyurulan ya da birkaç saniye sonra kaybolan bir geri alma süresi.
• Toplu silmeyi tek kaydı düzenlemekle aynı saymak.

Yayına almadan önce

• Her yüksek riskli eylem geri alma, hata denetimli düzeltme ya da gözden geçir ve onayla adımı sunuyor.
• Güvence klavyeyle kullanılabiliyor ve ekran okuyuculara duyuruluyor.
• İnceleme adımı gerçekte gönderilecek olanı gösteriyor.

Kaynaklar

• Understanding SC 3.3.4: Error Prevention (Legal, Financial, Data) (W3C), İngilizce, yeni sekmede açılır
• 28 CFR Part 35, Subpart H: Accessibility of Web Information and Services (eCFR), İngilizce, yeni sekmede açılır

Standart sürümü: WCAG 2.1 (W3C Tavsiye Kararı, 5 Haziran 2018); Title II web kuralında adı geçen sürüm. Bu sayfa bilgilendirme amaçlıdır ve hukuki tavsiye niteliği taşımaz. Bağlayıcı metin için ADA yasasının ve yönetmeliklerinin resmî metinlerini esas alın ve size nasıl uygulandığını bir avukata sorun.