WCAG 2.2 Erişilebilirlik Standardı ile Kapsayıcı Dijital Deneyim

WCAG 2.2 erişilebilirlik nedir?

WCAG 2.2 (Web Content Accessibility Guidelines 2.2 - Web İçeriği Erişilebilirlik Kılavuzu 2.2), W3C tarafından yayınlanan ve dijital içeriklerin engelli bireyler için erişilebilir olmasını sağlayan teknik standartlar bütünüdür. WCAG, A, AA ve AAA olmak üzere üç uyumluluk seviyesi tanımlar; AA seviyesi yasal zorunluluklar ve kurumsal standartlar için temel referanstır.

WCAG 2.2, 2023’te yayınlanan son versiyon olarak 2.1’e 9 yeni başarı kriteri eklemiştir. Bunlar arasında mobil cihazlarda dokunma hedefi boyutları, tutarlı yardım mekanizmaları ve gereksiz kimlik doğrulama adımlarının azaltılması yer alır. Klavye navigasyonu (keyboard navigation), tüm işlevlerin yalnızca klavye ile erişilebilir olmasını; ekran okuyucu (screen reader) uyumu, NVDA, JAWS ve VoiceOver gibi yardımcı teknolojilerin içeriği doğru yorumlamasını; renk kontrastı (contrast) ise metin ile arka plan arasında minimum 4.5:1 (normal metin) veya 3:1 (büyük metin) oranını ifade eder.

Gonet’te WCAG 2.2 uyumluluğu, semantic HTML5, ARIA (Accessible Rich Internet Applications) etiketleri, form validation mesajlarının doğru iletilmesi ve odak (focus) yönetimi gibi tekniklerle sağlanır. Manuel testler yanında Axe, WAVE ve Lighthouse gibi otomatik araçlar kullanılır, ancak asıl doğrulama gerçek ekran okuyucu testleri ile yapılır.

Neden kritik?

Türkiye’de 8,5 milyonun üzerinde engelli birey yaşamaktadır (TÜİK 2022). Bu kitle, erişilebilir olmayan web sitelerinde alışveriş yapamaz, formu dolduramaz, içerik tüketemez. Erişilebilirlik yalnızca sosyal sorumluluk değil, iş fırsatıdır: erişilebilir siteler %20-30 daha geniş kitleye ulaşır, SEO performansı artar (Google ranking faktörlerinden biri), yasal risk düşer.

5378 sayılı Engelliler Hakkında Kanun ve Erişilebilirlik İzleme ve Denetleme Yönetmeliği, kamu kurumlarının AA seviyesi uyumluluğunu zorunlu kılar. Özel sektörde henüz yaygın denetim olmasa da AB uyum sürecinde (European Accessibility Act) bu gereklilik özel sektöre de yaygınlaşacaktır. ABD’de ADA (Americans with Disabilities Act) kapsamında erişilebilirlik davaları yıllık 4.000+ seviyeye ulaşmıştır; Türkiye’de de benzer trendler gözlenir.

Teknik boyutta, erişilebilir kod temiz koddur: semantic HTML, iyi tanımlanmış başlıklar (H1-H6 hiyerarşisi), anlamlı link metinleri (‘buraya tıklayın’ yerine ‘ürün kataloğunu inceleyin’) hem erişilebilirliği hem SEO’yu güçlendirir. ARIA etiketleri (aria-label, aria-describedby, role) dinamik içerik ve SPA (Single Page Application) uygulamalarında ekran okuyucuların sayfa değişikliklerini algılamasını sağlar.

Gonet yaklaşımı

Gonet’te WCAG 2.2 uyumluluğu, projenin ilk gününden itibaren tasarım ve geliştirme süreçlerine entegre edilir. 26 yıllık deneyimimizde, erişilebilirliğin sonradan eklenen bir özellik değil, temel mimari kararı olduğunu öğrendik.

Tasarım aşaması: Figma/Adobe XD tasarımlarında Stark, Contrast gibi eklentilerle renk kontrastı otomatik kontrol edilir. Font boyutları minimum 16px (mobil 14px), interaktif elemanlar (buton, link) minimum 44×44px dokunma alanı (WCAG 2.2 yeni kriteri) ile tasarlanır. Odak göstergeleri (focus indicator) varsayılan tarayıcı outline’ı yerine özel tasarlanır, minimum 2px kalınlık ve yüksek kontrastlı renklerle.

Geliştirme aşaması: Semantic HTML5 elemanları (nav, main, article, aside, footer) kullanılır. Tüm formlar label ile ilişkilendirilir, hata mesajları aria-live bölgeleri ile gerçek zamanlı iletilir. Skip link (‘ana içeriğe geç’) her sayfada bulunur. Klavye tuzakları (focus trap) modal ve dropdown’larda Esc ile çıkış, Tab ile doğru sırada gezinme sağlanır.

Test süreci:

1. Otomatik tarama (Axe DevTools, Pa11y CI)
2. Manuel klavye testi (mouse kullanmadan tüm site gezilir)
3. Gerçek ekran okuyucu testi (NVDA, JAWS, VoiceOver)
4. Kontrast oranı doğrulama (WebAIM Contrast Checker)
5. Zoom testi (%200-400 büyütme, responsive davranış)

JSON-LD ile structured data, ekran okuyucuların içerik yapısını daha iyi anlamasını sağlar. GTM (Google Tag Manager) etkinlikleri klavye ve ekran okuyucu etkileşimleriyle tetiklenecek şekilde yapılandırılır.

Hangi durumlarda kritik avantaj?

İlgili yetkinlikler

• Kullanıcı Deneyimi (UX) Tasarımı — WCAG uyumluluğu UX’in temel bileşenidir, kapsayıcı tasarım prensipleriyle birleşir.
• Responsive Tasarım — Erişilebilirlik tüm ekran boyutlarında çalışmalıdır; viewport zoom ve reflow kriterleri responsive yapıyı gerektirir.
• Semantic HTML & Schema.org — Erişilebilir kodun temeli semantic yapıdır; arama motorları ve ekran okuyucular aynı yapıyı kullanır.
• Hız Optimizasyonu (Core Web Vitals) — Klavye ve ekran okuyucu kullanıcıları yavaş sitelerde kaybolur; FID ve INP erişilebilirlik için kritiktir.

Gonet ile çalışmak

Gonet, Türkiye’nin ilk üç Google Partner ajansından biri olarak 220+ markaya WCAG 2.2 uyumlu çözümler sunmuştur. Kamu, finans, e-ticaret ve SaaS projelerimizde AA+ compliance ve gerçek kullanıcı testleri ile erişilebilirliği garantileriz. Sitenizi herkes için erişilebilir hale getirmek, yasal uyumluluğu sağlamak ve dönüşüm oranlarınızı artırmak için iletişime geçin.