WebAIM Million 2024 raporuna göre dünyanın en çok ziyaret edilen 1 milyon ana sayfasının %95.9’unda en az bir WCAG 2 hatası bulundu; sayfa başına ortalama 56.8 hata düşüyor ve 28 Haziran 2025’te yürürlüğe giren European Accessibility Act (EAA, Directive 2019/882) ile bu hatalar artık yasal yaptırım kapsamında.
EAA 2025 ve WCAG 2.2 Pazar Bağlamı
European Accessibility Act (Directive (EU) 2019/882), 7 Nisan 2019’da kabul edildi, 28 Haziran 2022’de tüm AB üye devletlerinde ulusal mevzuata aktarıldı ve uygulama tarihi 28 Haziran 2025 olarak belirlendi. Kapsam: e-ticaret hizmetleri, bankacılık, e-kitap, ulaşım bilgi sistemleri, görüntülü iletişim ve elektronik haberleşme. Yıllık cirosu 2 milyon EUR altı mikro işletmeler hizmet sağlayıcı olarak muaf ama ürün üreticisi olarak değiller. WCAG 2.2, W3C tarafından 5 Ekim 2023’te resmi tavsiye (W3C Recommendation) olarak yayımlandı; 2.1’e 9 yeni başarı kriteri ekledi: 2.4.11 Focus Not Obscured, 2.4.12 Focus Not Obscured Enhanced, 2.4.13 Focus Appearance, 2.5.7 Dragging Movements, 2.5.8 Target Size Minimum (24×24 px), 3.2.6 Consistent Help, 3.3.7 Redundant Entry, 3.3.8 Accessible Authentication, 3.3.9 Accessible Authentication Enhanced. WebAIM Million 2024’e göre en yaygın hatalar: düşük renk kontrastı %81%, alt text eksikliği %54.5, boş bağlantılar %48.6, eksik form etiketi %48.6, boş düğmeler %28.2. ABD’de Web Content Accessibility Lawsuit sayısı 2023’te 4605, 2024’te 4940 olarak raporlandı (UsableNet 2024); ortalama uzlaşma 25.000-75.000 USD aralığında.
WCAG 2.2 Teknik Yenilikleri
WCAG 2.2 dokuz yeni kriter ekledi; en yüksek etkililer: target size 24×24 px minimum tüm interactive element’ler için (form butonları, mobile menü, ikonlar); focus indicator ring kalın ve kontrastlı olmalı (3:1 kontrast); accessible authentication CAPTCHA gibi cognitive function test’lerini yasaklıyor (alternatif sunulmadıkça). WCAG 2.1’den taşınan kritik kriterler: 1.4.3 Contrast Minimum (normal text 4.5:1, large text 3:1), 1.4.11 Non-text Contrast (UI components 3:1), 2.1.1 Keyboard accessible, 2.4.7 Focus Visible, 4.1.3 Status Messages. Conformance level: A (temel), AA (yasal standart, EAA + ADA bunu işaret ediyor), AAA (üstün, opsiyonel).
| WCAG 2.2 yeni kriter | Level | Hedef | Tipik ihlal örneği |
|---|---|---|---|
| 2.4.11 Focus Not Obscured (Min) | AA | Focus alınmış öğe kısmen görünür olmalı | Sticky header focus’u kapatıyor |
| 2.4.13 Focus Appearance | AAA | Focus ring 2 CSS px kalınlığında, 3:1 kontrast | Varsayılan ince outline yetersiz |
| 2.5.7 Dragging Movements | AA | Drag-only etkileşim için alternatif (tap) | Sortable list yalnızca sürükleme |
| 2.5.8 Target Size Minimum | AA | 24×24 CSS px minimum hit area | 16×16 px icon button |
| 3.2.6 Consistent Help | A | Yardım mekanizması sayfa içinde aynı yerde | Help link bir sayfada üstte, bir başka sayfada alta gizli |
| 3.3.7 Redundant Entry | A | Aynı bilgiyi tekrar isteme | Checkout’ta shipping address’i 2 kez doldurtmak |
| 3.3.8 Accessible Authentication | AA | Cognitive function test’i yasak (alternatif olmadan) | Resim yazma CAPTCHA tek seçenek |
Audit Tool Karşılaştırması
Otomatik audit araçları WCAG ihlallerinin yalnızca %30-50’sini yakalayabilir; manuel test (klavye + ekran okuyucu) zorunludur. Önde gelen araçlar: axe-core (Deque, açık kaynak, en yüksek doğruluk), Pa11y (CLI, CI/CD entegrasyonu), Lighthouse Accessibility audit (Google, axe-core tabanlı subset), WAVE (WebAIM, görsel feedback), Siteimprove (enterprise, governance), Tenon, Accessibility Insights (Microsoft, axe-core tabanlı). Ekran okuyucu pazarı 2024 WebAIM survey: NVDA %65.6 (Windows, ücretsiz), JAWS %62.6 (Windows, ticari), VoiceOver %71.2 (macOS/iOS, built-in), TalkBack %32 (Android), ChromeVox %2.5. Birden fazla ekran okuyucu kullanan kullanıcı oranı %48; bu yüzden cross-screen-reader test gerekli. Core Web Vitals rehberimizde performans ve erişilebilirlik ilişkisini ele alıyoruz.
- axe-core: Açık kaynak, false positive %1 altı; Jest, Cypress, Playwright entegrasyonu mevcut.
- Pa11y: CLI tool, CI’da headless Chrome ile çalışır, JSON output.
- Lighthouse: Subset axe rules, Chrome DevTools built-in, hızlı ama yüzeysel.
- Siteimprove / Monsido: Enterprise governance, multi-site tarama, dashboard.
- WAVE: Browser extension, görsel overlay; design review için pratik.
Implementation Pattern’ı: Tasarım Sisteminden CI’ya
Erişilebilirlik QA fazında bulunamaz; tasarım sistemine gömülmeli. Design tokens katmanında renk paleti kontrast hesabı otomatik (4.5:1 ve 3:1 token’ları); component library’de focus ring, target size, ARIA attribute’ları varsayılan; Storybook addon-a11y her component için axe testi çalıştırır. CI/CD pipeline’da axe-playwright veya jest-axe ile her PR’da sayfa düzeyi tarama; başarısız PR otomatik bloklanır. Production monitoring için axe Monitor veya Siteimprove ile gece tarama; regresyon yakalandığında Slack/Jira ticket otomatik. WebAIM 2024 verisine göre tasarım sistemi tabanlı dönüşüm yapan ekipler, ad-hoc audit yapanlara kıyasla 3x daha az regresyon yaşıyor.
Yasal Risk, Operasyon ve Maliyet
EAA’ya uyumsuzluk durumunda yaptırım her üye devletin ulusal mevzuatına göre değişiyor; Almanya’da 100.000 EUR’a kadar idari ceza, Fransa’da yıllık cironun %1’i, İtalya’da 40.000 EUR/ihlal. ABD’de ADA Title III davaları 2024’te 4940 adet, ortalama uzlaşma 25-75K USD; Hilton, Domino’s, Target gibi şirketler federal mahkeme kararıyla full audit + remediation zorunlu kıldı. Türkiye’de henüz EAA muadili yasal düzenleme yok ama 5378 sayılı Engelliler Hakkında Kanun ve TS EN 301 549 standardı kamu sektörü için bağlayıcı. AB’ye satış yapan tüm Türk e-ticaret ve SaaS firmaları EAA kapsamında.
| Uyum maliyeti kalemi | Küçük site (1-10 sayfa) | Orta (50-200 sayfa) | Enterprise (1000+ sayfa) | Süreklilik |
|---|---|---|---|---|
| İlk audit (manuel + otomatik) | $2.000-5.000 | $15.000-30.000 | $80.000-200.000 | Yıllık |
| Remediation (geliştirme) | $5.000-15.000 | $40.000-100.000 | $300.000-1M | Bir kez + bakım |
| Otomatik tool lisansı / yıl | $0-1.200 (axe Pro) | $5.000-15.000 (Siteimprove) | $50.000+ (enterprise) | Yıllık abonelik |
| Eğitim ve sertifikasyon | $500-1.500 | $5.000-10.000 | $25.000+ | Sürekli |
| VPAT belgelendirme | $1.500 | $5.000 | $15.000+ | Major release |
| Yasal ceza riski (AB) | 10K-100K EUR | 50K-500K EUR | %1 ciro | İhlal başına |
Sektörel Use Case’ler ve Best Practice’ler
E-ticaret için kritik bileşenler: ürün galerisi alt text (CMS field zorunlu), filtre paneli klavye navigasyonu, sepete ekle butonu 24×24+ hit area, checkout’ta accessible authentication. Shopify 2024 verisine göre alt text iyileştirmesi yapan mağazalarda screen reader kullanıcısı dönüşüm oranı %38 arttı. SaaS dashboard’larında veri tablolarının skip link’leri, ARIA grid pattern’ı, focus management modal/drawer’larda. Banka uygulamalarında accessible authentication (biometric, magic link, hardware key) WCAG 2.2 3.3.8 ile zorunlu; Akbank, Garanti BBVA, Yapı Kredi 2024’te native app erişilebilirliğini AA seviyesine çıkardı. Medya/news için video caption (WCAG 1.2.2) yasal zorunluluk; YouTube auto-caption %92 doğruluk veriyor ama manuel düzeltme şart.
Kurumsal Erişilebilirlik Dönüşümünde Karşılaşılan Tipik Sorunlar
Danışmanlık projelerinde gözlemlenen tipik darboğazlar:
- Audit lansman öncesi kriz modunda yapılıyor: 4-6 hafta agresif remediation; tasarım kararları geri alınamadığı için band-aid çözümler birikiyor.
- Otomatik tool’a aşırı güven: Lighthouse 100 görüldü diye geçildi; manuel klavye + ekran okuyucu test yapılmadı; %50 ihlal arkada kaldı.
- Tasarım sistemi token’larında kontrast eksik: Brand renk paleti 3.8:1 oranında; tüm uygulama otomatik fail.
- Üçüncü taraf widget’lar: Chat, cookie banner, video player kendi accessibility’sini ihlal ediyor; siteyi onlar düşürüyor.
- VPAT eksikliği: Satış sürecinde RFP’lerde VPAT sorulunca üretilmemiş; potansiyel deal kayıp.
- İçerik editörü eğitimsizliği: CMS’ten yüklenen görseller alt text’siz; teknik altyapı doğru ama içerik kanalı kanıyor.
Sonuç
EAA 28 Haziran 2025’ten itibaren yürürlükte; AB’ye satış yapan Türk e-ticaret, SaaS ve fintech firmaları bu kapsamda. WCAG 2.2 AA seviyesi artık “iyiye iyi” değil, yasal asgari standart. Yapılması gereken net: tasarım sistemine erişilebilirlik token’larını gömün, axe-core’u CI’ya bağlayın, her sprint kapanışında manuel klavye + NVDA/VoiceOver test edin, VPAT’i Q1 2025 sonuna kadar hazırlayın. W3C WCAG 2.2, EAA Directive 2019/882, WebAIM Million ve Deque axe-core resmi referans kaynaklarınız. Yorumlarınızı bekliyorum.
Sıkça Sorulan Sorular
EAA Türk firmalarını kapsıyor mu?
AB’ye hizmet veya ürün satan tüm firmalar coğrafi konumdan bağımsız kapsamda. Türkiye’den e-ticaret, SaaS, mobil app pazarlayan firmalar AB pazarına erişim için EAA uyumluluğu sağlamak zorunda. Yıllık cirosu 2 milyon EUR altı mikro işletmeler hizmet sağlayıcı olarak muaf ama ürün üreticisi olarak değiller.
WCAG 2.2 AA mı AAA mı hedef olmalı?
AA, yasal asgari standarttır (EAA, ADA, TS EN 301 549). AAA opsiyonel; tüm kriterleri uygulamak content tipine göre imkânsız olabilir. W3C, AAA’yı “site geneli için zorunlu olmamalı” diye işaretliyor. Pratik öneri: AA tüm sayfalarda, AAA kritik sayfalarda (login, checkout, ana CTA).
Axe ve Lighthouse arasındaki fark?
Axe-core, Deque tarafından geliştirilen ve WCAG 2.2 kriterlerini en geniş şekilde test eden açık kaynak motor. Lighthouse Accessibility audit, axe-core’un subset’ini kullanır (yaklaşık 50 rule) ve hızlı feedback verir. Tam coverage için axe-core CLI veya Pa11y; quick check için Lighthouse.
Otomatik tool ne kadar coverage sağlıyor?
WebAIM 2024’e göre otomatik tarama WCAG 2.2 ihlallerinin %25-30’unu yakalar; geri kalan %70 manuel test (klavye, ekran okuyucu, cognitive walkthrough) gerektirir. Yalnızca otomatik tarama ile uyumluluk iddiası, denetimde reddediliyor.
VPAT nedir, kim hazırlar?
Voluntary Product Accessibility Template, ITI tarafından geliştirilen ürün erişilebilirlik beyanı belgesi. WCAG 2.2 + Section 508 + EN 301 549 başlıklarında her kriter için uyum durumu işaretlenir. Tipik VPAT hazırlama maliyeti küçük ürün için 1.500-3.000 USD, enterprise için 15.000+ USD. Genellikle RFP’lerde talep edilir.
Ömer ÖNAL
Mayıs 18, 2026EAA, 28 Haziran 2025’ten itibaren AB’ye satış yapan tüm dijital ürünleri kapsıyor; Türkiye’den hizmet veren e-ticaret ve SaaS firmaları için bu artık ‘sonra bakarız’ konusu değil. Danışmanlık projelerimde gördüğüm tipik hata: erişilebilirliği QA fazına bırakıp lansman öncesi 4-6 hafta panik audit’i. Önerim: WCAG 2.2 kriterlerini tasarım sistemine gömün, axe-core’u CI’ya bağlayın, manuel klavye + ekran okuyucu testini her sprint kapanışında yapın. Ömer ÖNAL