Web erişilebilirliği ve European Accessibility Act 2025: WCAG 2.2 rehberi
EAA 2025, AB'deki e-ticaret, banka, ulaşım, telekom ve dijital hizmet sitelerine WCAG 2.2 AA seviyesinde uyum zorunluluğu getiriyor. Yaptırımlar: birkaç milyon avroya varan idari para cezaları, piyasadan çekilme. Haziran 2025 öncesi denetim zorunlu (geriye dönük uygulanabilir). 2026 stack: axe DevTools, Lighthouse a11y, ekran okuyucular (NVDA, VoiceOver), eksiksiz klavye gezintisi, 4.5:1 kontrast, alt text, ARIA etiketleri, etiketli formlar.
28 Haziran 2025'te European Accessibility Act (AB Direktifi 2019/882) 5 yıllık geçiş süresinin ardından uygulamaya girdi. Çevrimiçi faaliyet gösteren neredeyse tüm Avrupa KOBİ'leri artık kapsam dahilinde ve WCAG 2.2 AA seviyesi uyumu artık seçenek değil. 2026'da yasanın doğru tarafında kalmak — ve sitenizi engelli 87 milyon Avrupalı için kullanılabilir kılmak — için bilmeniz ve yapmanız gerekenler işte burada.
1. European Accessibility Act nedir?
EAA (Direktif 2019/882) Avrupa Birliği'nde dijital erişilebilirlik kurallarını uyumlulaştırır. 2019'da kabul edildi, üye devletler tarafından 2020-2022 arasında aktarıldı, 28 Haziran 2025'te yürürlüğe girdi — mevcut hizmetler için geriye dönük etki ile.
Referans teknik standart: WCAG 2.1 AA ile doğrudan uyumlu EN 301 549 v3.2.1 (WCAG 2.2 uzantısı 2027'de bekleniyor). Pratikte 2026'da WCAG 2.2 AA hedeflemek endüstri standardı haline geldi.
2. 2026'da kim kapsam dahilinde?
EAA kapsamına giren işletmelerin ayrıntılı olmayan listesi:
- B2C e-ticaret — AB'deki tüketicilere satış yapan herhangi bir çevrimiçi mağaza (Shopify, WooCommerce, Magento, custom)
- Çevrimiçi bankacılık hizmetleri — Bankaların, neobankaların, ödeme hizmetlerinin siteleri ve uygulamaları
- Yolcu taşımacılığı — Bilet siteleri, trafik bilgisi, mobilite uygulamaları
- Telekomünikasyon — Telefon/internet operatörleri, abonelik ve hesap yönetimi siteleri
- Dijital hizmetler — SaaS, rezervasyon platformları, marketplaces, görsel-işitsel hizmetler
- Dijital kitaplar ve e-okuyucular — Ebook yayıncıları, okuyucu satıcıları
Mikro işletme muafiyeti: 10'dan az çalışanı VE yıllık 2 milyon €'dan az cirosu olan şirket. Kümülatif kriterler — birini aşmak = zorunlu uyum.
3. WCAG 2.2 AA seviyesi: 50 anahtar kriter
WCAG 2.2 AA seviyesi, 4 ilke etrafında düzenlenmiş 50 başarı kriteri içerir: Algılanabilir, Operasyonel, Anlaşılabilir, Sağlam (POUR). KOBİ için en etkili olanlar:
| Kriter | Seviye | Etki |
|---|---|---|
| Tüm görsellerde alt text | A | Kritik — alt olmadan görsel ekran okuyucular için görünmez |
| Metin kontrastı 4.5:1 (büyük 3:1) | AA | Kritik — düşük görüşlü kişileri VE güçlü güneşte normal görüşü etkiler |
| Eksiksiz klavye gezintisi | A | Kritik — kullanıcıların %5'i fare kullanamaz |
| Görünür odak (focus ring 2-4px) | AA | Kritik — focus ring olmadan klavye gezintisi imkansız |
| Input'lara bağlı etiketler | A | Kritik — etiketsiz formlar kullanılamaz |
| Custom bileşenlerde ARIA roles/labels | A | Kritik — modallar, dropdown'lar, akordeonlar |
| Mantıklı başlık hiyerarşisi | A | Önemli — H2→H4 atlaması olmadan H1→H2→H3 |
| %200'e kadar yeniden boyutlandırılabilir metin | AA | Önemli — taşma yok, yatay kaydırma yok |
| Minimum target size 24×24 CSS pikseli | AA (2.2) | Yeni 2.2 — tıklanabilir düğmeler ve bağlantılar |
| Erişilebilir kimlik doğrulama | AA (2.2) | Yeni 2.2 — yalnızca hafıza/biliş tabanlı auth yok |
4. Erişilebilirlik denetimi: araçlar ve yöntem
3 seviyeli OptionWeb metodolojisi:
- Otomatik denetim — 30 dakikada sorunların %30-40'ını kapsar
- Manuel denetim — kalan %60-70'i 4-8 saatte kapsar
- Gerçek kullanıcı testleri — engelli kişilerle nihai doğrulama
| Araç | Tip | Fiyat | Kapsama |
|---|---|---|---|
| axe DevTools | Otomatik (uzantı) | Ücretsiz | Mükemmel, pro'da +%10 |
| Lighthouse a11y | Otomatik (Chrome) | Ücretsiz | İyi, DevTools'a entegre |
| WAVE | Otomatik (uzantı) | Ücretsiz | İyi, hata görselleştirme |
| Pa11y CLI | Otomatik (CI/CD) | Ücretsiz | Otomasyon için mükemmel |
| NVDA | Ekran okuyucu | Ücretsiz (Windows) | Manuel denetim için standart |
| VoiceOver | Ekran okuyucu | macOS/iOS dahil | Apple standardı |
| Stark | Pro denetim | 8-30 $/ay | Figma eklentisi + canlı denetim |
| Tenon.io | API denetimi | 0,02 $/tarama | Geliştiriciler için, custom entegrasyon |
5. Öncelikli düzeltmeler (etkiye göre)
Bir KOBİ sitesindeki erişilebilirlik sorunlarının %80'ini çözen ilk 10 düzeltme:
- Tüm içerik görsellerine açıklayıcı alt text ekleyin (dekoratifler için boş alt)
- Tüm metinlerde 4.5:1 kontrastını doğrulayın (Stark, axe veya Color Contrast Analyser)
- Eksiksiz klavye gezintisini test edin: Tab + Shift+Tab + Enter + Boşluk + oklar
- Görünür focus rings 2-4px ekleyin (alternatif olmadan asla outline: none kullanmayın)
- Her <input>'u bir <label for> veya saran <label> ile ilişkilendirin
- Custom bileşenlere ARIA roles/labels ekleyin (modal, dropdown, tabs)
- Başlık hiyerarşisini doğrulayın: sayfa başına benzersiz H1, atlamasız mantıklı sıra
- Taşma veya yatay kaydırma olmadan %200 yakınlaştırmaya izin verin
- Target size'ı min 24×24 CSS pikseline dönüştürün (düğmeler, tıklanabilir bağlantılar)
- Sayfa başında 'Ana içeriğe atla' skip link (odakta görünür)
export function SkipLink() {
return (
<a
href="#main-content"
className="absolute left-0 top-0 -translate-y-full bg-cyan-300 text-black px-4 py-2 z-[100] focus:translate-y-0 transition-transform"
>
Aller au contenu principal
</a>
);
}6. Erişilebilirlik beyanı
Özel bir sayfada zorunlu belge (footer'da bağlantı), yıllık olarak güncellenecek. Şunları içermelidir:
- Ulaşılan uyum seviyesi — Tamamen uyumlu / Kısmen uyumlu / Uyumsuz
- Değerlendirme metodolojisi — İç veya dış denetim, kullanılan araçlar, denetim tarihi
- Uygulanan standartlar — WCAG 2.2 AA, EN 301 549, Fransa ise RGAA
- Bilinen erişilemeyen içerik listesi — Uyum takvimi ile
- Muaf içerik — Uygulanabilirse (orantısız yük, arşivler) gerekçe ile
- İletişim bilgileri — Erişilebilir versiyon talep etmek için e-posta/form
- Başvuru yolu — Yetkili makama başvuru hakkının belirtilmesi (Fransa'da ARCOM, hak savunucusu)
7. Yaptırımlar ve riskler
Ülkeye göre risk seviyesi:
| Ülke | Maksimum yaptırımlar | Yetkili |
|---|---|---|
| Fransa | Uyumsuzluk başına 50 000 €'ya kadar (RGAA + EAA) | ARCOM, DGCCRF |
| Belçika | Bölgeye göre değişken (Valonya, Flaman, Brüksel) | Federal EAA Komisyonu |
| Almanya | 100 000 €'ya kadar (BFSG) | Marktüberwachungsbehörden |
| İspanya | 600 000 €'ya kadar (LGCA) | Ministerio de Asuntos Económicos |
| İtalya | Cironun %5'ine kadar (Stanca Act + EAA) | AgID |
| Hollanda | ACM'ye göre değişken | Autoriteit Consument & Markt |
Ek riskler genellikle cezadan daha pahalıdır:
- Toplu dava — Fransa ve Belçika'da mümkün, kümülatif zararlar potansiyel olarak önemli
- Kamu ihalelerinin kaybı — İhalelerde zorunlu erişilebilirlik şartları
- İtibar zararı — Derneklerin uyumsuz site kamu listeleri
- Kitle kaybı — Avrupa nüfusunun %15-20'si engelli
2026 uyum kontrol listesi
- EAA uygulanabilirliği onaylandı — Kapsam doğrulama + mikro işletme muafiyeti
- Tam denetim gerçekleştirildi — 12 ay içinde otomatik + manuel + kullanıcı testleri
- İlk 10 düzeltme uygulandı — Alt, kontrast, odak, etiketler, ARIA, hiyerarşi, yakınlaştırma, target, skip link
- Erişilebilirlik beyanı yayınlandı — Özel sayfa, footer bağlantısı, yıllık güncelleme
- CI/CD'ye entegre testler — Her PR'da jest-axe veya Playwright + axe-core
- Editöryel ekiplerin eğitimi — Alt text yazımı, kontrast, yapı
- Yıllık dış denetim planlandı — Üçüncü taraf uzman tarafından doğrulama
Read next
GDPR ve web sitesi 2026: Avrupalı KOBİ'ler için uyumluluk rehberi
Çerezler, Consent Mode v2, AB dışı transferler, VKK, işleme kayıtları, saklama süreleri: bir KOBİ'nin 2026'da GDPR uyumlu kalmak için yapılandırması gereken her şey.
Next.js static export ve Core Web Vitals: 2026 playbook
Mobilde 95+ PageSpeed'e ulaşmak için Next.js static export sitelerine uygulanan tüm optimizasyonlar: font stratejisi, CSS, LCP, INP, CLS, Framer Motion tuzakları, barındırma.
Statik bir Next.js sitesinin teknik SEO'su: 2026 eksiksiz kontrol listesi
Bir Next.js static export sitesinin SEO'da 100/100'e ulaşması için teknik olarak yapılandırılması gereken her şey: metadata, JSON-LD, sitemap, hreflang, robots, Speakable, gelişmiş şemalar.
