WCAG 2.1 ve 2.2: 9 Yeni Başarı Kriteri Örneklerle Açıklandı

Eğer ekibiniz WCAG 2.1 vs 2.2 karşılaştırması yapıyorsa, bilinmesi gereken en önemli nokta şudur: WCAG 2.2, WCAG 2.1’in temelini ortadan kaldırmaz. Onun üzerine inşa edilir. Bu da, daha önce WCAG 2.1 için çalışma yapan ekiplerin sıfırdan başlaması gerekmediği anlamına gelir. Ancak yine de oturum açma, form tamamlama, mobil arayüz kullanımı ve klavyeyle gezinme gibi yaygın kullanıcı yolculuklarını etkileyen birkaç yeni gereksinimi gözden geçirmeleri gerekir.

Uyumluluk, ürün, tasarım ve mühendislik ekipleri için bu güncelleme önemlidir; çünkü yeni kriterler, modern web siteleri ve uygulamalarda sık görülen gerçek etkileşim engellerine odaklanır. Bunların birçoğu özellikle bilişsel engelleri olan kişiler, az gören kullanıcılar, sınırlı el becerisine sahip kişiler veya fare ya da dokunma hareketleri yerine klavye ile gezinmeye dayanan kullanıcılar için kritiktir.

Bu rehberde WCAG 2.1 ile 2.2 arasındaki farkı açıklayacak, 9 yeni başarı kriterini sade bir dille ele alacak ve pratikte neleri incelemeniz gerektiğini örneklerle göstereceğiz.

WCAG 2.1 ve 2.2 arasında gerçekte ne değişti?

WCAG 2.1 ve 2.2 arasında gerçekte ne değişti?

WCAG 2.2, WCAG 2.1’e yapılan kademeli bir güncellemedir. Temel yapı aynıdır: aynı dört ilke, aynı uygunluk seviyeleri ve dijital deneyimleri daha erişilebilir hale getirme yönündeki aynı genel amaç korunur.

Temel fark, WCAG 2.2’nin dokuz yeni başarı kriteri eklemesidir. Bu eklemeler, özellikle ekiplerin görsel tasarım kalıplarına, özel bileşenlere veya mobil öncelikli etkileşimlere yoğun şekilde bağımlı olduğu hızlı ürün ortamlarında gözden kaçması kolay alanlarda erişilebilirlik beklentilerini güçlendirir.

Pratikte WCAG 2.2, ekiplerden şu konulara daha yakından dikkat etmelerini ister:

  • Önemli işlemlerin sürükle-bırak olmadan tamamlanıp tamamlanamadığı
  • Etkileşimli hedeflerin güvenilir şekilde etkinleştirilebilecek kadar büyük olup olmadığı
  • Klavye kullanıcılarının odağın nerede olduğunu net biçimde görüp göremediği
  • Çok adımlı görevler sırasında yardım seçeneklerinin erişilebilir kalıp kalmadığı
  • Kimlik doğrulama süreçlerinin gereksiz bilişsel engeller oluşturup oluşturmadığı

Bu yüzden insanlar “WCAG 2.1 ile 2.2 arasındaki fark nedir?” diye sorduğunda, kısa cevap şudur: WCAG 2.2, erişilebilirliği doğrudan etkileyen yaygın kullanılabilirlik engelleri için kapsamı genişletir.

WCAG 2.2’deki 9 yeni başarı kriteri

Aşağıda her bir yeni kriterin ve bunun gerçek dijital deneyimlerde ne anlama geldiğinin pratik bir özeti yer alıyor.

1. Focus Not Obscured (Minimum)

Bir kullanıcı sayfada Tab tuşu ile ilerlerken, odaktaki öğe başka içerikler tarafından tamamen gizlenmemelidir.

Örnek: Sabit bir üst bilgi ekranın üst kısmında kalır. Klavye kullanıcısı sayfanın üst kısmına yakın form alanlarında Tab ile ilerlerken, o anda odakta olan alan üst bilginin altına kayar ve görünmez olur. Kullanıcı odağın değiştiğini bilir, ancak nereye geçtiğini göremez.

İncelenmesi gerekenler:

  • Sabit üst bilgiler ve banner’lar
  • Çerez bildirimleri ve sohbet bileşenleri
  • Açılır yan paneller ve yüzen araç çubukları
  • Uzun formlar ve hesap ayarları sayfaları

Bu kriter, özellikle katmanların ve sabit konumlu öğelerin odaktaki kontrolleri istemeden kapatabildiği duyarlı düzenlerde önemlidir.

2. Focus Not Obscured (Enhanced)

Bu kriter, bir öncekinin üzerine eklenir. Önceki kriter odaktaki öğenin en azından kısmen görünür kalmasına izin verirken, geliştirilmiş sürüm öğenin tamamen görünür olmasını bekler.

Örnek: Bir klavye kullanıcısı kaydırılabilir bir kapsayıcı içindeki düğmeye Tab ile gelir. Düğmenin yalnızca alt kenarı görünürdür ve bu da seçili öğenin ne olduğunu anlamayı zorlaştırır.

İncelenmesi gerekenler: Özel modal pencereler, iç kaydırma alanları, ayar çekmeceleri ve odağın JavaScript ile yönetildiği gömülü arayüzler.

3. Focus Appearance

Klavye odağı göstergeleri, seçili bileşeni açıkça tanımlayabilecek kadar görünür olmalıdır.

Örnek: Bir site, odaktaki bağlantılar ve düğmeler için çok soluk açık gri bir çerçeve kullanır. Beyaz arka planda birçok kullanıcı bunu fark etmekte zorlanır. Teknik olarak bir odak stili vardır, ancak pratikte yararlı olacak kadar güçlü değildir.

İncelenmesi gerekenler:

  • Düğmeler, bağlantılar, sekmeler, akordeonlar ve menüler
  • Özel odak stilleri kullanan tasarım sistemleri
  • Karanlık mod ve aydınlık mod kontrast davranışı
  • Üçüncü taraf bileşenler ve gömülü araçlar

Bu, WCAG 2.2’deki en önemli eklemelerden biridir; çünkü ekipler tarayıcı varsayılanlarını çoğu zaman kaldırır veya zayıflatır, ancak yerine güçlü ve tutarlı bir alternatif koymaz.

4. Dragging Movements

Sürükleme gerektiren her işlev, sürükleme zorunlu değilse, basit bir işaretçi etkileşimiyle de kullanılabilir olmalıdır.

Örnek: Bir kullanıcının konum seçmek için harita iğnesini sürüklemesi, görev kartını sürükleyerek yeniden sıralaması veya bir değer seçmek için kaydırıcı tutamacını hareket ettirmesi gerekir. Eğer dokunma, tıklama veya klavye alternatifi yoksa bazı kullanıcılar tamamen engellenebilir.

İncelenmesi gerekenler:

  • Kanban panoları ve sıralanabilir listeler
  • Harita arayüzleri
  • Kaydırıcılar ve aralık seçiciler
  • Görsel kırpma veya imza yerleştirme araçları

Birçok ekip için bu kriter, pazarlama sayfalarından çok ürün özelliklerini etkiler.

5. Target Size (Minimum)

Etkileşimli hedefler, kullanıcıların bunları daha güvenilir şekilde etkinleştirebilmesi için minimum bir boyutu karşılamalıdır.

Örnek: Bir mobil arayüz, araç çubuğunda birbirine çok yakın yerleştirilmiş birkaç küçük simge düğmesi kullanır. Motor beceri kısıtları olan kullanıcılar, titreme yaşayan kişiler veya cihazı tek elle kullananlar tekrar tekrar yanlış kontrole dokunabilir.

İncelenmesi gerekenler:

  • Yalnızca simgeden oluşan düğmeler
  • Mobil gezinme öğeleri
  • Sayfalama kontrolleri
  • Filtre etiketleri ve kapatma simgeleri
  • Takvim seçiciler ve özel kontroller

Bu kriter, özellikle duyarlı tasarım ve yoğun dokunmatik kullanım senaryoları için önemlidir.

6. Consistent Help

Bir sayfa veya süreç yardım mekanizmaları içeriyorsa, bu yardım seçenekleri sayfa grubu boyunca tutarlı bir konumda görünmelidir.

Örnek: Ödeme veya kullanıcıya alıştırma sürecinde canlı sohbet bir adımda görünürken, başka bir adımda yardım bağlantısı alt bilgiye taşınır ve üçüncü bir adımda destek seçeneği tamamen kaybolur. Yardıma ihtiyaç duyan kullanıcılar, desteği yeniden bulmaya çalışırken zaman kaybedebilir.

İncelenmesi gerekenler:

  • Ödeme akışları
  • Kayıt ve onboarding yolculukları
  • Hesap kurtarma süreçleri
  • Destek bağlantıları, sohbet başlatıcıları ve iletişim seçenekleri

Burada tutarlılık, erişilebilirlik kadar önemlidir.

7. Redundant Entry

Kullanıcılar, aynı süreç içinde aynı bilgiyi yeniden girmeye zorlanmamalıdır; ancak bu bilgi gerçekten zorunluysa, güvenlik için gerekiyorsa veya daha önce girilen bilgi artık geçerli değilse istisna olabilir.

Örnek: Bir kullanıcı çok adımlı bir formun ilk adımında fatura adresini girer, ancak sistem bu bilgiye zaten sahip olmasına rağmen sonraki bir adımda aynı adresi tekrar yazması istenir.

İncelenmesi gerekenler:

  • Ödeme ve tahsilat akışları
  • Başvuru formları
  • Rezervasyon sistemleri
  • Sigorta, sağlık veya finansal hizmet iş akışları

Bu kriter tüm kullanıcılar için sürtünmeyi azaltabilir; ancak özellikle bilişsel engelleri, hafıza sınırlılıkları veya yorgunluğu olan kişiler için faydalıdır.

8. Accessible Authentication (Minimum)

Kimlik doğrulama adımları, erişilebilir bir alternatif sunulmadıkça bilişsel işlev testlerine dayanmamalıdır.

Örnek: Bir giriş akışı, kullanıcıdan bir bulmacayı çözmesini, bir karakter dizisini hatırlamasını veya bozulmuş bir görseldeki metni yazmasını ister; ancak başka erişilebilir bir yöntem sunmaz.

İncelenmesi gerekenler:

  • CAPTCHA uygulamaları
  • Tek kullanımlık kod giriş akışları
  • Parola kuralları ve yoğun hafıza gerektiren giriş adımları
  • Cihaz doğrulama ve hesap kurtarma

Bu, en çok tartışılan WCAG 2.2 eklemelerinden biridir; çünkü kimlik doğrulama çoğu zaman büyük bir erişilebilirlik engelidir.

9. Accessible Authentication (Enhanced)

Geliştirilmiş sürüm, kimlik doğrulama sırasında tanıma, hatırlama veya kopyalama/yazma görevlerine bağımlılığı daha da azaltır.

Örnek: Bir kullanıcıya bir kod gönderilir ve bu kodu bir ekrandan diğerine manuel olarak kopyalaması gerekir ya da görsel bir doğrulama içinde belirli görselleri seçmesi istenir. Teknik olarak mümkün olsa bile süreç yine de gereksiz engeller oluşturabilir.

İncelenmesi gerekenler: Parolasız seçenekler, magic link’ler, passkey’ler, otomatik doldurma desteği, parola yöneticileri ve bilişsel yükü azaltan alternatif doğrulama yöntemleri.

Bu WCAG 2.2 değişiklikleri uyumluluk ekipleri için neden önemli?

Bu WCAG 2.2 değişiklikleri uyumluluk ekipleri için neden önemli?

Uyumluluk açısından bakıldığında WCAG 2.2 yalnızca bir kontrol listesi güncellemesi değildir. Erişilebilir deneyimlerin sadece ideal test senaryolarında değil, gerçek kullanım koşullarında da çalışması gerektiğine dair daha geniş bir beklentiyi yansıtır.

Bu önemlidir; çünkü artık birçok erişilebilirlik sorunu statik sayfalardan çok dinamik arayüzlerde ortaya çıkmaktadır. Ekipler sabit arayüz öğeleri, modal ağırlıklı iş akışları, mobil hareketler, gömülü araçlar ve özel tasarım sistemleriyle çalışıyor. Yeni kriterler bu kalıplarla yakından ilişkilidir.

Uyumluluk, gizlilik ve dijital ekipler için WCAG 2.2 üç önemli sonucu beraberinde getirir:

  • Tasarım incelemesi daha önemli hale gelir. Odak görünürlüğü, hedef boyutu ve yardımın yerleşimi çoğu zaman yalnızca kod değil, tasarım sistemi konularıdır.
  • İzole sayfalardan çok kullanıcı akışları önem kazanır. Kimlik doğrulama, yinelenen veri girişi ve tutarlı yardım; yolculuk bazlı testler gerektirir.
  • İzleme sürekli olmalıdır. Özellikle sık sürüm yayınlanan SaaS ortamlarında arayüzler değiştikçe erişilebilirlik gerileyebilir.

Zaten periyodik denetimler yapan ekipler için sürekli izleme ve iş akışı bazlı testler de faydalı olabilir; özellikle yüksek riskli sayfalar ve işlem yollarında. Otomasyonun erişilebilirlik operasyonlarını nasıl destekleyebileceğine dair ileriye dönük bir bakış için AI Agents Are Here: How Autonomous AI Will Quietly Take Over Your Accessibility To-Do List içeriğine göz atabilirsiniz.

WCAG 2.1 ve 2.2: ekiplere göre pratik örnekler

Tasarımcılar için

Bileşen kütüphanelerini görünür odak durumları, dokunma hedefi boyutları ve sabit öğelerin odaktaki kontrolleri kapatabildiği düzenler açısından inceleyin. Ekibiniz tasarım dosyalarını doğruluk kaynağı olarak kullanıyorsa, bu sorunları geliştirmeden önce yakalamak yayına çıktıktan sonra düzeltmekten daha iyidir.

Geliştiriciler için

Klavye ile gezinmeyi yalnızca statik ekranlarda değil, gerçek sayfa durumlarında test edin. Menüler, modal pencereler, onay arayüzleri ve form doğrulama mesajlarını açın. Odağın görünür kalıp kalmadığını ve sürüklemeye dayalı etkileşimlerin başka bir şekilde tamamlanıp tamamlanamadığını kontrol edin.

QA ve erişilebilirlik denetçileri için

Giriş, ödeme, onboarding, hesap kurtarma ve destek erişimi için senaryo bazlı testler yürütün. WCAG 2.2, yalnızca tüm iş akışı baştan sona test edildiğinde belirgin hale gelen birkaç kriter içerir.

Uyumluluk ve hukuk ekipleri için

Erişilebilirlik belgelerinin, denetim kapsamının ve iyileştirme planlamasının yeni kriterleri yansıttığından emin olun. Kuruluşunuz uygunluk belgeleri hazırlıyorsa veya tedarikçi erişilebilirlik olgunluğunu değerlendiriyorsa, güncellenmiş test kriterleri hazır bulunuşluk değerlendirmesini etkileyebilir. Corpowid ayrıca VPAT and ACR services ile denetim destekli raporlama ve dokümantasyon konusunda da destek sunar.

Önce kontrol edilmesi gereken yaygın WCAG 2.2 sorun alanları

Pratik bir başlangıç noktasına ihtiyacınız varsa, önce WCAG 2.2 açıklarını ortaya çıkarma olasılığı en yüksek alanlardan başlayın:

  • Giriş ve kayıt akışları
  • Parola sıfırlama ve hesap kurtarma
  • Ödeme, rezervasyon ve başvuru formları
  • Sabit üst bilgiler, alt bilgiler ve yüzen bileşenler
  • Mobil gezinme ve yalnızca simgeden oluşan kontroller
  • Sürükle-bırak arayüzleri
  • Çok adımlı görevlerde destek ve yardım mekanizmaları

Bu alanlar genellikle birden fazla risk faktörünü bir araya getirir: dinamik içerik, özel kontroller, katmanlar, tekrar eden veri girişi ve yüksek kullanıcı baskısı.

Sitenizde onay banner’ları veya kalıcı arayüz katmanları da varsa, bu öğelerin klavye odağı ve görünürlükle nasıl etkileşime girdiğini incelemek faydalı olur. İlgili operasyonel yönlendirmeyi Inside the 4-in-1 Widget: Accessibility, Consent, Legal and Company Info in One Script içeriğinde bulabilirsiniz.

Sıfırdan başlamadan WCAG 2.2 iyileştirmesine nasıl yaklaşılır?

Sıfırdan başlamadan WCAG 2.2 iyileştirmesine nasıl yaklaşılır?

Kuruluşunuz zaten WCAG 2.1 ile uyumlu hale geldiyse, en verimli yaklaşım genellikle tam bir yeniden başlangıç yerine bir boşluk analizi yapmaktır.

1. Yeni kriterleri gerçek şablonlar ve kullanıcı yolculuklarıyla eşleştirin

9 yeni başarı kriterinin en çok nerelerde geçerli olabileceğini belirleyin: kimlik doğrulama, formlar, mobil gezinme, sürüklenebilir arayüzler ve destek akışları.

2. Tasarım sisteminizi gözden geçirin

Birçok WCAG 2.2 sorunu bileşenler arasında tekrar eder. Odak stillerini, hedef boyutlarını ve bileşen davranışlarını sistem düzeyinde güçlendirmek, her sayfayı tek tek düzeltmekten daha verimlidir.

3. Hem otomasyon hem insan incelemesiyle test edin

Bazı erişilebilirlik sorunları otomatik olarak tespit edilebilir; ancak özellikle odak görünürlüğü, iş akışı tutarlılığı ve kimlik doğrulama sürtünmesi gibi konularda manuel inceleme gerekir.

4. Etkisi yüksek kullanıcı yollarına öncelik verin

Kullanıcıların temel görevleri tamamladığı sayfalardan başlayın: kayıt olma, giriş yapma, destek talep etme, form gönderme ve işlem tamamlama.

5. Sürekli izleme yapın

Erişilebilirlik tek seferlik bir proje değildir. Yeni sürümler, üçüncü taraf betikler ve tasarım güncellemeleri gerilemelere yol açabilir. Sürekli izleme, ekiplerin sorunları daha erken yakalamasına ve zaman içinde hazır kalmasına yardımcı olur.

WCAG 2.1 ve 2.2 hakkında son çıkarım

WCAG 2.1 ile 2.2 arasındaki fark, erişilebilirlik uygulamalarının tamamen yeniden yazılması değildir. Asıl konu, insanların dijital ürünleri gerçekte nasıl kullandığına dair önemli boşlukların kapatılmasıdır.

9 yeni başarı kriteri günlük engellere odaklanır: gizlenen odak, zayıf odak göstergeleri, küçük hedefler, yalnızca sürüklemeyle çalışan etkileşimler, tutarsız yardım, tekrarlanan veri girişi ve zorlayıcı kimlik doğrulama akışları. Modern web siteleri ve uygulamalar için bunlar uç örnekler değildir. Bunlar yaygın kalıplardır.

Dijital ekipler için en iyi sonraki adım, WCAG 2.2’yi erişilebilirlik programınıza yapılan pratik bir güncelleme olarak ele almaktır: tasarım sisteminizi gözden geçirin, kritik iş akışlarını test edin ve iyileştirmelerin kalıcı olması için izleme mekanizmaları kurun.

Kuruluşunuz erişilebilirliğin yanında daha geniş web sitesi yasal uyumluluğunu da değerlendiriyorsa, Corpowid’in platform yaklaşımı erişilebilirlik, onay ve uyumluluk operasyonlarını tek yerde bir araya getirir.

SSS

WCAG 2.2, WCAG 2.1’den tamamen farklı mı?

Hayır. WCAG 2.2, WCAG 2.1’in temelini değiştirmek yerine onun üzerine inşa edilir. Temel değişiklik, dokuz yeni başarı kriterinin eklenmesidir.

WCAG 2.1 ile 2.2 arasındaki en büyük pratik fark nedir?

Pratikte WCAG 2.2; klavye odağının görünürlüğü, hedef boyutu, sürükleme alternatifleri, tutarlı yardım ve erişilebilir kimlik doğrulama konularına daha fazla vurgu yapar.

WCAG 2.1 üzerinde zaten çalışan ekiplerin tamamen yeni bir denetime ihtiyacı var mı?

Her zaman değil. Birçok kuruluş, özellikle kritik kullanıcı yolculukları ve ortak bileşenler üzerinde, yeni WCAG 2.2 kriterlerine odaklanan hedefli bir boşluk analizi ile başlayabilir.

WCAG 2.2 için önce hangi sayfalar kontrol edilmeli?

Giriş, kayıt, parola kurtarma, ödeme, başvuru formları, mobil gezinme ve sabit öğeler, katmanlar veya sürükle-bırak etkileşimleri kullanan arayüzlerle başlayın.

Kimlik doğrulama neden WCAG 2.2’de önemli bir odak alanı?

Çünkü giriş ve doğrulama adımları, bilişsel engelleri olan kullanıcılar veya yardımcı teknolojilere dayanan kişiler için çoğu zaman önlenebilir engeller yaratır. WCAG 2.2, ekipleri daha erişilebilir kimlik doğrulama yöntemleri sunmaya yönlendirir.

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.