Erişilebilirlik denetimi, tasarımın sonunda renk kontrastı ölçmekten daha geniş bir iştir. Kullanıcı sayfayı klavyeyle gezerken odak göstergesi görünmüyorsa, sabit header odaktaki alanı kapatıyorsa veya form aynı bilgiyi tekrar tekrar istiyorsa deneyim tamamlanamaz. WCAG 2.2 bu sürtünmeler için yeni başarı ölçütleri ekler ve mevcut kriterleri daha açık bir test çerçevesine bağlar.
Önce kapsam ve kritik akış belirlenir
Tek tek bileşenleri rastgele kontrol etmek yerine sitedeki temel görevler listelenmelidir: menüden hizmete geçmek, portfolio filtresi kullanmak, blog yazısı okumak, proje formu göndermek ve dil değiştirmek gibi. Her akış masaüstü ve mobil varyasyonuyla, klavye ve dokunma girdisiyle denenir. Üçüncü taraf chatbot veya form widget'ı da kullanıcının gördüğü sayfanın parçasıdır; denetim dışında bırakılamaz.
WCAG uyumluluğu sayfanın tamamı ve tamamlanmış süreç üzerinden değerlendirilir. Bir formun ilk ekranı erişilebilirken doğrulama mesajı veya başarı penceresi kullanılamıyorsa görev yine başarısızdır. Bu nedenle tasarım dosyası, çalışan ürün ve gerçek içerik birlikte incelenmelidir.
Odak görünür, sıralı ve açıkta olmalı
Klavye ile Tab tuşuna basıldığında hangi öğenin aktif olduğu net biçimde görülmelidir. Odak stili yalnız renk tonu değişimiyle kaybolmamalı; açık-koyu zeminlerde yeterli ayrım göstermelidir. WCAG 2.2, odaktaki bileşenin geliştirici tarafından oluşturulan içerikle tamamen kapatılmamasını AA düzeyinde ister. Sabit navigasyon, çerez paneli ve yapışkan iletişim butonu bu kontrolün sık karşılaşılan nedenleridir.
Odak sırası görsel okuma mantığını takip etmelidir. CSS ile kartların yerini değiştirmek, DOM sırasını otomatik olarak düzeltmez. Ekranda soldan sağa görünen kartlar klavyede farklı sıradaysa kullanıcı bağlam kaybeder. Modal açıldığında odak modal içine taşınmalı, kapandığında onu açan kontrole dönmelidir.
Dokunma hedefi yalnız ikonun çizimi değildir
WCAG 2.2'nin Target Size Minimum kriteri AA düzeyinde hedef için genel olarak en az 24x24 CSS piksel alan tanımlar ve belirli istisnalar içerir. Mobil tasarım sistemi daha rahat bir kullanım için daha büyük hedef seçebilir. Ölçümde görünen ikon değil, gerçekten tıklanabilir alan dikkate alınır.
Yan yana iki küçük ikonun alanı teknik olarak yeterli olsa bile aralarındaki boşluk yanlış dokunmayı artırabilir. Dil seçici, slider oku, kapatma ikonu ve carousel noktaları gerçek telefonda başparmakla test edilmelidir. Etiketli bir metin bağlantısı ile yalnız ikon kullanan kontrol aynı risk seviyesinde değildir.
Formlarda etiket ve hata aynı sistemi izlemeli
Placeholder görünür etiketin yerine geçmemelidir; kullanıcı yazmaya başladığında alanın amacı kaybolur. Etiket programatik olarak input ile bağlanmalı, zorunlu durum yalnız renkle anlatılmamalıdır. Hata oluştuğunda sorun metinle açıklanmalı ve mümkünse nasıl düzeltileceği söylenmelidir. “Geçersiz” yerine “E-posta adresinde @ işareti eksik” gibi bir mesaj daha uygulanabilirdir.
WCAG 2.2, aynı süreçte daha önce girilmiş bilginin yeniden istenmesini azaltan Redundant Entry kriterini ve erişilebilir kimlik doğrulamayı da ele alır. Çok adımlı teklif formunda kullanıcının adı ikinci ekranda gerekiyorsa sistem bunu taşıyabilir veya seçilebilir biçimde sunabilir. Güvenlik gerekçesi yoksa ezber veya bilişsel test zorunluluğu oluşturulmamalıdır.
Kontrasttan daha fazlasını görmek
Metin kontrastı önemli olsa da durum ikonları, input sınırı, focus ring ve grafiklerin anlam taşıyan bölümleri için non-text contrast kontrolü gerekir. Renk körlüğü simülasyonu yardımcıdır; fakat tek başına başarı kanıtı değildir. Seçili kategori yalnız maviye dönmek yerine metin, çerçeve veya işaret değişimiyle de anlaşılmalıdır.
Metin yüzde 200 büyütüldüğünde kesilmemeli; dar ekranda yatay kaydırma temel okuma için zorunlu hale gelmemelidir. Satır aralığı veya paragraf aralığı kullanıcı tarafından artırıldığında içerik üst üste binmemelidir. Bu testler tasarımın yalnız ideal örnek metinle çalışıp çalışmadığını gösterir.
Hareket ve zaman baskısını kontrol etmek
Otomatik slider, video ve animasyon kullanıcı kontrolü olmadan bilgi kaçırmamalıdır. Hareket azaltma tercihi etkin olduğunda dekoratif geçişler kapanmalı veya sadeleşmelidir. Parlayan ve hızlı tekrarlanan efektler görsel rahatsızlık oluşturabilir. Süre sınırı olan işlem gerçekten gerekliyse kullanıcı uyarılmalı ve uzatma seçeneği sunulmalıdır.
Bulguları önceliklendirmek
Denetim çıktısı onlarca eşit ağırlıklı madde olmamalıdır. Görevi tamamen engelleyen sorunlar kritik, ciddi sürtünme yaratanlar yüksek, tutarlılık iyileştirmeleri orta olarak sınıflandırılabilir. Her bulgu URL, adım, beklenen davranış, ekran görüntüsü ve ilgili kriterle kaydedilir. Aynı temel bileşenden gelen on hata tek kök problem altında birleştirilebilir.
Yayına almadan önce otomatik araçlar hızlı tarama sağlar; fakat klavye sırası, hata mesajının anlaşılması veya ekran okuyucu akışının mantığı insan testi gerektirir. Düzeltilen bileşen tasarım sistemine geri taşınırsa aynı hata yeni sayfalarda tekrarlanmaz. Erişilebilirlik böylece bir kontrol listesi değil, ürün kalite standardı olur.
Denetim bittikten sonra erişilebilirlik beyanı veya iç kalite notu güncel kapsamı dürüst biçimde açıklamalıdır. “Tam erişilebilir” gibi doğrulanması zor mutlak ifadeler yerine test edilen standart, seviye, tarih, bilinen sınırlamalar ve geri bildirim kanalı yazılabilir. Yeni üçüncü taraf widget veya büyük arayüz değişikliği eklendiğinde ilgili akış yeniden teste alınır. Böylece uyumluluk tek tarihlik rapor değil, sürüm yaşam döngüsüne bağlı bakım sürecine dönüşür.
Erişilebilirlik denetimi bir kontrol listesi olmaktan çıkıp tasarım sürecinin parçası olduğunda kalıcı hâle geliyor. Web tasarım ve yazılım hizmetimde erişilebilirlik kontrollerini arayüz tasarımıyla birlikte yürütüyorum.
