WCAG 2.2 Nedir? Erişilebilir Web Tasarımı İçin Uygulama Rehberi

WCAG 2.2, web siteleri ve mobil arayüzlerin engelli kullanıcılar dahil daha geniş bir kitle tarafından algılanabilmesi, kullanılabilmesi ve anlaşılabilmesi için test edilebilir başarı ölçütleri sunan W3C standardıdır. Dört ilkeye dayanır: algılanabilir, kullanılabilir, anlaşılabilir ve sağlam. Erişilebilirlik yalnızca renk kontrastı veya alternatif metin değildir; klavye akışı, odak görünürlüğü, form hataları, kimlik doğrulama ve yardımcı teknolojilerle uyumluluk birlikte ele alınır.

W3C, WCAG 2.2'nin güncel sürümünün kullanılmasını öneriyor. Standart 2025'te ISO/IEC 40500:2025 olarak da onaylandı. Avrupa Erişilebilirlik Yasası'nın 28 Haziran 2025'te uygulanmaya başlaması, erişilebilirliğin etik ve kullanıcı deneyimi boyutunun yanında ürün ve hizmet süreçlerinde daha görünür bir gereklilik olmasını sağladı. Hangi yasal yükümlülüğün geçerli olduğu ülke, kurum ve hizmet kapsamına göre uzman görüşüyle değerlendirilmelidir.

Algılanabilir: Bilgi tek bir duyuya bağımlı olmamalıdır. Görsel için anlamlı alternatif metin, video için altyazı, metin ve arka plan için yeterli kontrast sağlanır.

Kullanılabilir: Arayüz klavyeyle erişilebilir olmalı, odak kaybolmamalı ve hareketli içerik kullanıcıyı engellememelidir. Hedefler dokunma ve motor beceri farklılıklarını gözetmelidir.

Anlaşılabilir: Navigasyon ve yardım tutarlı olmalı; form etiketleri, talimatlar ve hata mesajları ne yapılacağını açıkça anlatmalıdır.

Sağlam: HTML semantiği ve erişilebilir adlar, arayüzün farklı tarayıcı ve yardımcı teknolojilerce yorumlanmasını kolaylaştırmalıdır.

Başarı ölçütleri A, AA ve AAA olarak sınıflandırılır. A temel engelleri; AA daha geniş ve yaygın gereksinimleri; AAA ise bazı içeriklerde uygulanabilen ileri ölçütleri kapsar. “AA uyumlu” demek, yalnızca seçilen birkaç kontrolün değil, sayfanın tamamında ilgili A ve AA ölçütlerinin karşılanması demektir.

W3C, bütün site için AAA düzeyinin genel politika olarak zorunlu tutulmasını önermiyor; bazı içeriklerde tüm AAA ölçütleri karşılanamayabilir. Hedef yalnızca rozet almak değil, gerçek görevleri farklı kullanıcılarla tamamlanabilir kılmaktır.

WCAG 2.2, 2.1'e dokuz başarı ölçütü ekledi. Tasarım ekipleri için öne çıkanlar şunlardır:

1. Odak gizlenmemeli: Klavye odağı sabit başlık, çerez kutusu veya açılır panelin arkasında tamamen kaybolmamalıdır.
2. Sürükleme alternatifi: Yalnızca sürükleyerek yapılan işlem, tek işaretçiyle başka biçimde tamamlanabilmelidir.
3. Hedef boyutu: Küçük ve birbirine çok yakın kontroller motor beceri farklılıkları için sorun oluşturur.
4. Tutarlı yardım: Yardım kanalları tekrarlanan sayfalarda öngörülebilir konumda olmalıdır.
5. Gereksiz tekrar giriş: Daha önce verilen bilgi aynı süreçte kullanıcıdan yeniden istenmemelidir.
6. Erişilebilir kimlik doğrulama: Ezber, bulmaca veya kopyalamayı engelleyen akışlar alternatif sunmadan zorunlu olmamalıdır.

Renk paleti daha ilk bileşen setinde kontrast açısından test edilmelidir. Bilgi yalnızca kırmızı-yeşil ayrımıyla verilmemeli; ikon, metin veya desenle desteklenmelidir. Odak durumu, hover tasarımından ayrı bir bileşen hâli olarak hazırlanmalıdır.

Formlarda görünür etiket kullanılmalı, placeholder tek etiket gibi davranmamalıdır. Hata yalnızca “geçersiz” demek yerine alanı ve düzeltme yolunu açıklamalıdır. Modal, menü ve açılır bileşenlerin klavye sırası prototipte gösterilmelidir.

Dokunmatik hedefler ve aralarındaki boşluk mobil ekranda sınanmalıdır. Yakınlaştırma devre dışı bırakılmamalı; metin büyüdüğünde içerik üst üste binmemelidir. Otomatik oynayan video, yanıp sönen görsel ve hareket efektleri azaltılmış hareket tercihini gözetmelidir.

Doğru HTML öğesini kullanmak erişilebilirliğin en sağlam başlangıcıdır. Tıklanabilir div yerine button, sayfa geçişi için bağlantı ve alan için gerçek label kullanmak klavye ile ekran okuyucu davranışını büyük ölçüde hazır getirir. ARIA, eksik semantiği açıklamak için kullanılmalı; yerel HTML'nin yerine gereksiz yere geçmemelidir.

Başlık sırası sayfanın anlam haritasını kurar. lang="tr", anlamlı sayfa başlığı, atlama bağlantısı ve belirgin landmark bölgeleri gezinmeyi kolaylaştırır. Dinamik hata ve durum mesajları, uygun canlı bölge stratejisiyle duyurulmalıdır.

Hayır. Otomatik araçlar eksik alternatif metin, bazı kontrast sorunları ve hatalı rol gibi belirli örüntüleri hızlı bulur. Bir alternatif metnin anlamlı olup olmadığını, odak sırasının mantığını ve ekran okuyucuyla görev akışının anlaşılır olup olmadığını tek başına doğrulayamaz.

İyi bir kontrol üç katmandan oluşur:

• Kod ve tasarım sistemi üzerinde otomatik tarama
• Yalnızca klavye, büyütme ve ekran okuyucuyla manuel test
• Engelli kullanıcıların katıldığı görev tabanlı kullanılabilirlik testi

Uyumluluk bir defalık denetim değildir. Yeni bileşen, kampanya sayfası veya üçüncü taraf eklenti yeni engel oluşturabilir.

1. Her görsele anahtar kelime dolu alternatif metin yazmak
2. Dekoratif görselleri ekran okuyucuya gereksiz yere okutmak
3. Düşük kontrastlı ince gri metni “minimal tasarım” saymak
4. Odağı CSS ile kaldırıp görünür alternatif vermemek
5. Klavye kullanıcısını modal içinde veya dışında kaybetmek
6. Hata mesajını yalnızca renkle belirtmek
7. Otomatik test skoru yüksek diye siteyi tamamen erişilebilir ilan etmek

Erişilebilirlik, estetikten vazgeçmek değildir. Açık hiyerarşi, okunabilir tipografi ve tutarlı etkileşim çoğu kullanıcı için daha iyi deneyim oluşturur.

Tasarımcı; renk, tipografi ve düzenin yanında bileşen durumlarını ve içerik dilini anlamalıdır. Geliştirici; semantik HTML, CSS odak davranışı, JavaScript klavye etkileşimi ve test araçlarını birlikte kullanmalıdır. İçerik üreticisi de başlık, bağlantı metni, altyazı ve alternatif metin sorumluluğu taşır.

Web Tasarım Uzmanlığı Kursu, HTML, CSS ve JavaScript temellerini erişilebilir bileşenlerle uygulamak için bir zemin sunar. Görsel hiyerarşi ve üretim becerileri için kurumun Grafik, Video ve Web Tasarım eğitimleri incelenebilir. Teknik temeli portfolyoda erişilebilir form, menü ve responsive sayfa örnekleriyle kanıtlamak önemlidir.

• WCAG'nin dört ilkesini ve A-AA farkını öğrenin.
• Basit bir sayfayı yalnızca klavyeyle kullanın.
• Renk, odak, form etiketi ve hata bileşenleri içeren mini tasarım sistemi kurun.
• Semantik HTML ile aynı tasarımı geliştirin.
• Otomatik tarama yapıp bulguları manuel doğrulayın.
• Ekran okuyucuyla kayıt veya satın alma akışını tamamlayın.
• Hataları ölçüte, kullanıcı etkisine ve düzeltme kanıtına göre belgeleyin.

Teknik olarak erişilebilir şablon, içerik girişi sırasında bozulabilir. Editör başlık sırasını yalnızca yazı boyutu için değiştirirse, bağlantıya “buraya tıklayın” yazarsa veya görseldeki bilgiyi alt metne aktarmadan yayımlarsa yardımcı teknoloji deneyimi zayıflar. CMS alanları; sayfa başlığı, başlık düzeyi, bağlantı amacı, alt metin ve video altyazısı için açık yönlendirme sunmalıdır.

İçerik yayın kontrolünde klavye akışı, büyütülmüş metin, bağlantı adları ve yeni medya öğeleri örneklenmelidir. Tasarım sistemi bileşenleri erişilebilir kalsa bile pazarlama etiketi, çerez aracı veya gömülü form sayfaya yeni odak sorunları ekleyebilir. Bu nedenle erişilebilirlik sorumluluğu yalnızca geliştiricide tutulmamalı; tasarım, içerik, ürün, kalite ve tedarik süreçlerinde tanımlanmalıdır.

WCAG teknik standarttır. Farklı mevzuat ve sözleşmeler WCAG'ye atıf yapabilir; hukuki kapsam ayrıca değerlendirilir.

WCAG 2.2 önceki ölçütleri büyük ölçüde içerir ve yeni ölçütler ekler. W3C güncel sürümün kullanılmasını önerir.

Öncelikle engelleri azaltır; altyazı, açık hata ve klavye desteği geçici kısıt yaşayanlar dahil geniş bir kullanıcı grubuna yardımcı olur.

Sabit bir ideal uzunluk yoktur. Görselin bağlamdaki işlevini kısa ve gerekli ayrıntıyla anlatmalıdır; dekoratif görsel boş bırakılabilir.

Sayfadaki içerik ve hizmet akışının parçaları erişilebilirliği etkileyebilir. Kapsam sözleşme ve mevzuata göre değişse de teknik risk olarak değerlendirilmelidir.

Sadece skor değil; bulunan engel, ilgili WCAG ölçütü, kullanıcı etkisi, düzeltme ve yeniden test kanıtı gösterilmelidir.

WCAG 2.2, erişilebilir tasarımı soyut bir iyi niyetten test edilebilir ürün niteliğine dönüştürür. Başarılı uygulama, tasarım sonunda yapılan taramadan değil; renk, içerik, bileşen, kod ve kullanıcı testinin en baştan birlikte ele alınmasından doğar. Erişilebilirlik bilen web profesyoneli yalnızca daha uyumlu değil, daha anlaşılır ve dayanıklı ürünler geliştirir.

1. W3C: Web Content Accessibility Guidelines 2.2
2. W3C WAI: What's New in WCAG 2.2
3. W3C: WCAG 2.2 approved as ISO/IEC 40500:2025

European Commission: The EU becomes more accessible for all