Web Erişilebilirliği Artık İsteğe Bağlı Değil

Yakın zamanda iki şey değişti ve yalnızca birisi doğru yazılıyor.

WCAG 2.2, 12 Aralık 2024'te W3C Tavsiyesi oldu ve önceki sürüme dokuz başarı ölçütü ekledi (W3C). Avrupa Erişilebilirlik Yasası ise 28 Haziran 2025'ten sonra AB pazarına sunulan ürün ve hizmetler için uygulanmaya başladı (Direktif (AB) 2019/882).

Yanlış yazılan kısım ceza. Erişilebilirlik yazılımı satan pek çok yazıda belirli bir avro rakamı göreceksiniz. O rakam direktifte yok.

Önemli Çıkarımlar

• WCAG 2.2, 12 Aralık 2024 itibarıyla W3C Tavsiyesi; 2.0 veya 2.1'i geçersiz kılmıyor ve gereklilikler normalde AA seviyesini işaret ediyor (W3C).
• Avrupa Erişilebilirlik Yasası, 28 Haziran 2025'ten sonra AB pazarına sunulan hizmetler için geçerli — AB dışı şirketler dâhil (Direktif 2019/882).
• Direktif bir para cezası belirlemiyor. Madde 30 cezaları üye devletlere bırakıyor.
• Hizmet sunan mikro işletmeler gerekliliklerden muaf.
• Kendi sitemizi gerçekten bozan hatalar gözle görülmüyordu — biri sayfanın yarısını ekran okuyuculardan gizlerken ekranda kusursuz duruyordu.

WCAG gerçekte nedir

Web İçeriği Erişilebilirlik Kılavuzları bir W3C standardıdır, kanun değil. Kanunlar ona atıf yapar; gücü oradan gelir.

WCAG "üç uyum seviyesi … A (en düşük), AA ve AAA (en yüksek)" tanımlıyor (W3C). Pratikte karşılaşacağınız hemen her sözleşme, ihale ve düzenleme AA istiyor. A seviyesi anlamlı olamayacak kadar zayıf, AAA ise her içerik için ulaşılabilir olmayan ölçütler içeriyor.

2.2 sürümü dokuz ölçüt ekledi; ikisi modern arayüz işinin önemli bir kısmını yakalıyor: 2.4.11 Odak Engellenmemesi ve 2.5.8 Hedef Boyutu (Asgari). İkincisi — asgari 24×24 CSS piksellik işaretçi hedefi — tamamen düzgün görünen bir sitede en çok kalması muhtemel ölçüt.

Kafa karışıklığını önleyen bir nokta: "WCAG 2.2'nin yayımlanması WCAG 2.0 veya WCAG 2.1'i yürürlükten kaldırmaz ya da geçersiz kılmaz." Bir sözleşme 2.1 AA diyorsa bu hâlâ tutarlı bir gerekliliktir. W3C'nin kendi tavsiyesi ise "gelecekteki uygulanabilirliği azami kılmak için" 2.2'ye çalışmak.

Avrupa Erişilebilirlik Yasası neyi değiştirdi

Direktif diğerlerinin yanı sıra e-ticareti kapsıyor ve onu "tüketicinin bireysel talebi üzerine, tüketici sözleşmesi kurmak amacıyla, elektronik yollarla web siteleri ve mobil cihaz tabanlı hizmetler aracılığıyla uzaktan sunulan hizmetler" olarak tanımlıyor.

Kesin olunması gereken üç nokta:

Şirketi değil pazarı takip ediyor. Yükümlülük, AB pazarına sunulan hizmete bağlanıyor. AB'deki tüketicilere satan Türk ya da Amerikan bir şirket kapsamın içinde; başka yerde kayıtlı olmak sizi dışına çıkarmıyor.

Hizmetler için geçiş süresi var. Tarihten önce piyasada olan hizmetlerin beş yıllık bir geçiş süresi var; ama 28 Haziran 2025'ten sonra pazara sunulan yeni hizmetler doğrudan uyuyor.

Hizmet sunan mikro işletmeler muaf. Direktif bunu doğrudan söylüyor. Muafiyetin neyi kaldırdığına dikkat: yasal bir yükümlülüğü. Ödeme adımınızı tamamlayamayan müşterileri kaldırmıyor.

Şu ceza meselesi

Madde 30, "cezalara ilişkin kuralları üye devletler koyar" ve cezaların "ihlallerin niteliğine ve koşullara uygun olması" gerektiğini söylüyor. Tutar yok, yüzde yok.

Yani bir yazı size EAA'nın belirli büyüklükte bir cezası olduğunu söylüyorsa, o rakam kanundan başka bir yerden gelmiştir. "Ceza ne" sorusunun dürüst cevabı şu: satış yaptığınız pazarın üye devletine bağlı ve o ülkenin uyum mevzuatına bakmanız gerekir.

Kaynak gösteremeyeceğimiz korkutucu bir rakam vermektense bunu söylemeyi tercih ederiz.

Siteleri gerçekten bozan hatalar

Bir siteyi gerçekten bozan hatalar çoğu zaman kontrol listelerindekiler değil; çünkü liste ölçüt sayar, gerçek bir site belirli biçimlerde bozulur.

Bu sitenin erişilebilirliğini yakın zamanda denetleyip yeniden kurduk. Şu an test ettiğimiz her sayfada, iki dilde de 100 ölçüyor. Oraya varırken dört hata çıktı ve öğretici olan şu: hiçbiri ekrana bakan bir insana görünmüyordu.

Sayfanın yarısını yardımcı teknolojiden kaldıran bir animasyon. Bölümler kaydırmayla beliriyordu; kullanılan kütüphane yardımcısı animasyon çalışana kadar visibility: hidden yazıyor. visibility: hidden olan içerik erişilebilirlik ağacında hiç yoktur. Animasyon yalnızca bölüm görünür alana girince çalıştığı için, başlıklarla gezinen bir ekran okuyucu kullanıcısı — ki birçok kişi böyle gezinir — neredeyse boş bir sayfa görüyordu. Herkese kusursuz görünüyordu. Animasyonu görünürlük yerine opaklık üzerinden çalıştırmak, sayfanın görüntüsünde tek bir kare değiştirmeden sorunu çözdü.

Fiyatları görünmez kılan kontrast. Aksan rengimiz koyu paneller için tasarlanmış parlak bir camgöbeği. Beyaz bir fiyat tablosunda kullanılınca 1,8:1 ölçüyor. Rakamlar işlevsel olarak orada değildi. Kimse fark etmemişti çünkü herkes zaten ne yazdığını biliyordu.

18 pikselik dokunma hedefleri. Footer bağlantıları, breadcrumb, dil değiştirici — hepsi WCAG 2.2'nin getirdiği 24 piksel asgarisinin rahatça altında. Çözüm, telafi edici negatif kenar boşluğuyla dolgu oldu: isabet alanı büyüyor, yerleşim kımıldamıyor.

Kendini boş ilan eden bir karşılaştırma tablosu. ARIA rolleriyle kurulmuş bir ızgarada columnheader öğeleri bir row içinde değildi. Ekran okuyucu için bu, hiç satırı olmayan bir tabloydu. Gözle bakınca temiz bir karşılaştırma ızgarasıydı.

Dördünde de aynı örüntü: erişilebilirlik hataları genellikle sayfayı yapan kişiye görünmez. Gözden geçirilmek yerine ölçülmeleri gerekmesinin sebebi tam olarak bu.

Ne yapmalı

Derlemeye otomatik kontrol koyun. Lighthouse ya da axe, her sayfada çalışsın, eşiğin altında derlemeyi düşürsün. Uyumluluğu kanıtlamaz — alternatif metnin doğru olup olmadığını ya da bir akışın klavyeyle çalışıp çalışmadığını yargılayamaz — ama kontrastı, etiketleri, başlık sırasını ve geçersiz ARIA'yı her seferinde, bedavaya, sonsuza kadar yakalar. Bizimki on beş sayfada çalışıyor.

Sonra makinenin yapamayacaklarını yapın. Kritik bir akışta yalnızca klavyeyle gezin. Alternatif metinlerinizi okuyup görseli mi tarif ettiklerini yoksa dosya adını mı söylediklerini sorun. Bir kez ekran okuyucu açıp kendi anasayfanızı dinleyin; rahatsız edicidir ve mevcut en hızlı eğitimdir.

Şu sırayla düzeltin: kontrast, sonra etiketler ve başlıklar, sonra klavyeyle kullanılabilirlik, sonra ARIA. ARIA'nın en sonda olması kasıtlı — yanlış ARIA hiç olmamasından kötüdür ve insanların onunla eklediği şeyin çoğu doğru öğeyi kullanmakla zaten geliyordu.

Erken karar verin. Kontrast ve hedef boyutları, tasarım hâlâ tasarımken ucuz; kırk bileşen var olduktan sonra pahalı. Bu konu, iki yıl sonraki bir düzeltme projesinin değil, bir web sitesinin dayandığı teknik kararların konuşulduğu masanın konusu — bu yüzden onu sonradan satılan bir hizmet değil, siteyi kurmanın parçası sayıyoruz.

Kısaca

Standart WCAG 2.2, AA seviyesi. Değişen kanun Avrupa Erişilebilirlik Yasası ve kaydınızı değil müşterilerinizi takip ediyor. Herkesin verdiği ceza rakamı direktifte yok. Ve önemli olan hatalar göremediğiniz hatalar — bu da iyi niyetin değil ölçmenin gerekçesi.

Sitenizin gerçekte nerede durduğunu varsaymak yerine bilmek istiyorsanız, bu kısa bir konuşma — ve cevap "büyük ölçüde iyisiniz" ise onu da söyleriz.