Live · status OK
Back to blog
Bakım13 min

Web erişilebilirliği ve European Accessibility Act 2025: WCAG 2.2 rehberi

TL;DR

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.

Julien Daniel
ByJulien Daniel
Founder & CTO, OptionWeb
Share
WCAG 2.2 kontrol listesi ve Avrupa bayrağıyla erişilebilirlik sembolü

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-ticaretAB'deki tüketicilere satış yapan herhangi bir çevrimiçi mağaza (Shopify, WooCommerce, Magento, custom)
  • Çevrimiçi bankacılık hizmetleriBankaların, neobankaların, ödeme hizmetlerinin siteleri ve uygulamaları
  • Yolcu taşımacılığıBilet siteleri, trafik bilgisi, mobilite uygulamaları
  • TelekomünikasyonTelefon/internet operatörleri, abonelik ve hesap yönetimi siteleri
  • Dijital hizmetlerSaaS, rezervasyon platformları, marketplaces, görsel-işitsel hizmetler
  • Dijital kitaplar ve e-okuyucularEbook 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:

KriterSeviyeEtki
Tüm görsellerde alt textAKritik — alt olmadan görsel ekran okuyucular için görünmez
Metin kontrastı 4.5:1 (büyük 3:1)AAKritik — düşük görüşlü kişileri VE güçlü güneşte normal görüşü etkiler
Eksiksiz klavye gezintisiAKritik — kullanıcıların %5'i fare kullanamaz
Görünür odak (focus ring 2-4px)AAKritik — focus ring olmadan klavye gezintisi imkansız
Input'lara bağlı etiketlerAKritik — etiketsiz formlar kullanılamaz
Custom bileşenlerde ARIA roles/labelsAKritik — modallar, dropdown'lar, akordeonlar
Mantıklı başlık hiyerarşisiAÖnemli — H2→H4 atlaması olmadan H1→H2→H3
%200'e kadar yeniden boyutlandırılabilir metinAAÖnemli — taşma yok, yatay kaydırma yok
Minimum target size 24×24 CSS pikseliAA (2.2)Yeni 2.2 — tıklanabilir düğmeler ve bağlantılar
Erişilebilir kimlik doğrulamaAA (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:

  1. Otomatik denetim — 30 dakikada sorunların %30-40'ını kapsar
  2. Manuel denetim — kalan %60-70'i 4-8 saatte kapsar
  3. Gerçek kullanıcı testleri — engelli kişilerle nihai doğrulama
AraçTipFiyatKapsama
axe DevToolsOtomatik (uzantı)ÜcretsizMükemmel, pro'da +%10
Lighthouse a11yOtomatik (Chrome)Ücretsizİyi, DevTools'a entegre
WAVEOtomatik (uzantı)Ücretsizİyi, hata görselleştirme
Pa11y CLIOtomatik (CI/CD)ÜcretsizOtomasyon için mükemmel
NVDAEkran okuyucuÜcretsiz (Windows)Manuel denetim için standart
VoiceOverEkran okuyucumacOS/iOS dahilApple standardı
StarkPro denetim8-30 $/ayFigma eklentisi + canlı denetim
Tenon.ioAPI denetimi0,02 $/taramaGeliş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:

  1. Tüm içerik görsellerine açıklayıcı alt text ekleyin (dekoratifler için boş alt)
  2. Tüm metinlerde 4.5:1 kontrastını doğrulayın (Stark, axe veya Color Contrast Analyser)
  3. Eksiksiz klavye gezintisini test edin: Tab + Shift+Tab + Enter + Boşluk + oklar
  4. Görünür focus rings 2-4px ekleyin (alternatif olmadan asla outline: none kullanmayın)
  5. Her <input>'u bir <label for> veya saran <label> ile ilişkilendirin
  6. Custom bileşenlere ARIA roles/labels ekleyin (modal, dropdown, tabs)
  7. Başlık hiyerarşisini doğrulayın: sayfa başına benzersiz H1, atlamasız mantıklı sıra
  8. Taşma veya yatay kaydırma olmadan %200 yakınlaştırmaya izin verin
  9. Target size'ı min 24×24 CSS pikseline dönüştürün (düğmeler, tıklanabilir bağlantılar)
  10. Sayfa başında 'Ana içeriğe atla' skip link (odakta görünür)
components/SkipLink.tsxtsx
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 seviyesiTamamen uyumlu / Kısmen uyumlu / Uyumsuz
  • Değerlendirme metodolojisiİç veya dış denetim, kullanılan araçlar, denetim tarihi
  • Uygulanan standartlarWCAG 2.2 AA, EN 301 549, Fransa ise RGAA
  • Bilinen erişilemeyen içerik listesiUyum takvimi ile
  • Muaf içerikUygulanabilirse (orantısız yük, arşivler) gerekçe ile
  • İletişim bilgileriErişilebilir versiyon talep etmek için e-posta/form
  • Başvuru yoluYetkili makama başvuru hakkının belirtilmesi (Fransa'da ARCOM, hak savunucusu)

7. Yaptırımlar ve riskler

Ülkeye göre risk seviyesi:

ÜlkeMaksimum yaptırımlarYetkili
FransaUyumsuzluk başına 50 000 €'ya kadar (RGAA + EAA)ARCOM, DGCCRF
BelçikaBölgeye göre değişken (Valonya, Flaman, Brüksel)Federal EAA Komisyonu
Almanya100 000 €'ya kadar (BFSG)Marktüberwachungsbehörden
İspanya600 000 €'ya kadar (LGCA)Ministerio de Asuntos Económicos
İtalyaCironun %5'ine kadar (Stanca Act + EAA)AgID
HollandaACM'ye göre değişkenAutoriteit Consument & Markt

Ek riskler genellikle cezadan daha pahalıdır:

  • Toplu davaFransa 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ştirildi12 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 testlerHer PR'da jest-axe veya Playwright + axe-core
  • Editöryel ekiplerin eğitimiAlt text yazımı, kontrast, yapı
  • Yıllık dış denetim planlandıÜçüncü taraf uzman tarafından doğrulama
Tags#erisilebilirlik#eaa#wcag#a11y#compliance#rgaa