European Accessibility Act yürürlükte — her web uygulamasının yapması gereken 12 erişilebilirlik testi
EAA Haziran 2025'ten beri uygulamada. Cezalar €100.000'a kadar çıkıyor. Çoğu startup hâlâ erişilemez UI shipliyor. Her Full QA Audit'te yaptığım 12 test burada — ve bunları atlamak artık sadece UX değil, hukuki risk.
28 Haziran 2025'te European Accessibility Act (EAA), 27 AB üye devletinin tamamında uygulanabilir hale geldi. Avrupa tüketicilere satış yapıyorsan — SaaS, e-ticaret, fintech, medya, bankacılık — ürününün WCAG 2.1 AA standartlarını karşılaması lazım, yoksa €100.000'a kadar ceza + tek pazardan yasaklanma riski var.
Garip olan şu: audit yaptığım startup'ların çoğu bunun kendi sorunu olduğunu hâlâ bilmiyor. Mühendislik ekibi "erişilebilirliği sonra yaparız" diyor. Kurucu "AB müşterimiz var ama biz banka değiliz, iyiyiz" diyor. İkisi de yanılıyor.
Bu yazı, her Full QA Audit'te uyguladığım 12 maddelik erişilebilirlik testi ve her birinin arkasındaki mantık.
EAA kimi etkiliyor
AB kullanıcın varsa ve şunlardan birini satıyorsan kapsamdasın:
- E-ticaret platformları
- Bankacılık ve ödeme hizmetleri (fintech)
- E-kitap, medya streaming, iletişim
- Ulaşım biletleme
- Akıllı telefon, tablet, bilgisayar ve yazılımları
- Self-servis terminaller (ATM, bilet makinesi)
"B2B yazılım" gri alan ama net yön şu: insanın kullandığı her şey erişilebilir olmalı. Pazar erişimini gri alana bahis koyma.
Yaptığım 12 test
### 1. Yukarıdan aşağıya klavye navigasyonu
Kullanıcı mouse olmadan tüm etkileşimli öğelerde mantıklı sırada tab atabiliyor mu? Herhangi bir buton, link veya form alanı atlanıyor, focus trap yapıyor veya yanlış yere gidiyorsa — WCAG 2.1.1 ihlali.
Test: Mouse'u fişten çek. Signup akışını tamamlamaya çalış. Ulaşamadığın her öğeyi say.
### 2. Görünür focus göstergesi
Bir öğeye tab'ladığında nerede olduğunu görmelisin. Eksik veya görünmez focus ring (CSS reset'lerindeki outline: none yaygın) WCAG 2.4.7'yi kırar.
Test: Klavye ile tab at. Hangi öğenin focus olduğunu anlayamıyorsan, kaybediyorsun.
### 3. Semantik HTML (div çorbası değil)
Screen reader'lar 50 iç içe div'i parse edemez. , , , , amacıyla kullan.
Test: WAVE browser extension'ı kur, sayfayı tara. "Missing landmarks" ve "missing form labels" hatalarını say.
### 4. Metin için renk kontrastı ≥ 4.5:1
Beyaz arka planda açık gri yazı WCAG 1.4.3 ihlali. Hem marka açısından hem de her 12 erkekten 1'inde bir tür renk görme eksikliği olduğu için.
Test: Chrome DevTools Lighthouse → Accessibility veya Figma'da Stark plugin.
### 5. Form label'ları + hata mesajları
Her input'un programatik olarak ilişkilendirilmiş bir 'ı olmalı (sadece placeholder değil) ve her validation hatası screen reader'a duyurulmalı.
Test: Signup formunu geçersiz email ile gönder. Screen reader'ın (VoiceOver veya NVDA) hatayı yüksek sesle okuyor mu? Yoksa sadece "invalid" mi diyor?
### 6. Anlamlı görsellerde alt metin
Dekoratif görseller alt="" olmalı. Anlamlı görseller açıklayıcı alt'a ihtiyaç duyar. "Logo'nun resmi" yanlış. "Testopius logo" veya tamamen dekoratifse alt="" doğru.
Test: Chrome'da görselleri kapat. Her görselin ne iletmek istediğini hâlâ anlıyor musun?
### 7. Kritik akışın screen reader walkthrough'u
Bir akış seç — signup, checkout, booking. VoiceOver'ı aç (Mac: Cmd+F5) veya NVDA (Windows: ücretsiz). Akışı tamamla. Yapamıyorsan, hukuki sorunun var.
Test: Akışı VoiceOver açıkken tamamlayan 5 dakikalık ekran kaydı yap. Sakla. Denetçi sorarsa, kanıtın var.
### 8. Yatay kaydırma olmadan %200 zoom
Düşük görüşlü kullanıcılar zoom yapar. Layout'un %200 tarayıcı zoom'da bozuluyorsa (metin clip oluyor, butonlar üst üste biniyor, ana içerikte yatay kaydırma çıkıyor), WCAG 1.4.10'u kırıyorsun.
Test: Tarayıcı → %200 zoom. Ana sayfalarda kaydır. Hiçbir şey kaybolmamalı, yatay kaydırma gerekmemeli.
### 9. ARIA doğru kullanılmalı (veya hiç kullanılmamalı)
Yanlış ARIA, hiç ARIA olmamasından daha kötü. En yaygın hata: klavye handler'ı olmadan Test: axe DevTools browser extension'ı kullan. Yanlış ARIA'yı otomatik işaretler. ### 10. Animasyonlu / otomatik oynatılan içerik için duraklama Carousel, otomatik ilerleyen içerik, otomatik oynatılan video hepsinin duraklama kontrolü lazım. WCAG 2.2.2. Test: Home sayfandaki carousel'e bak. Kullanıcı durdurabiliyor mu? Hayırsa, duraklat butonu ekle. ### 11. Timeout yönetimi Session timeout, OTP timer, checkout bekletmesi — zamana bağlı her kısıt ya devre dışı bırakılabilir, uzatılabilir veya önceden uyarılı olmalı. WCAG 2.2.1. Test: 2FA akışın OTP süresi dolmadan kullanıcıyı uyarıyor mu, yoksa sessizce fail mi oluyor? ### 12. Erişilebilir hata kurtarma Kullanıcı bir şeyi başaramadığında — yanlış şifre, red olan ödeme, stokta yok — hata mesajı screen reader'a duyurulmalı VE kurtarma yolu önermeli. Test: Decline test kartıyla ürün almayı dene. Hata görünür, duyuruluyor ve kurtarılabilir mi? Yoksa sonraki adım olmadan kırmızı bir "error" mı? Uygulama 2025'te yavaş başladı ama 2026 boyunca hızlandı. İlk vuran fintech ve e-ticaret oldu. Bunu okuyup panikliyorsan, minimum uygulanabilir yol: 1. Yukarıdaki 12 testi kritik akışında koştur (1 gün)
2. Critical ve serious bug'ları çöz (1-2 hafta)
3. Hemen çözemediklerin için remediation plan dokümante et
4. Uygunluk logu tut Testopius'ta Full QA Audit, uygulamanın tüm WCAG 2.1 AA taramasını önceliklendirilmiş remediation planıyla içeriyor — AB regülatörünün görmek isteyeceği tam o artifact.
Startuplar için web, mobil ve masaüstü uygulamaları test ediyorum. Sabit fiyat, hızlı teslimat. Playwright MCP, Browser-use ve Claude Code manuel QA'nın ne iş yaptığını yeniden tanımladı. Bu değişimde kim kazanıyor, kim sıkışıyor ve 6 aylık gerçek müşteri işinden sonra hangi workflow'u benimsedim. Sepet toplamı, ödeme tekrarları, sağlayıcı durumları, stok değişiklikleri ve yönlendirme dönüşleri için pratik QA kontrol listesi.role="button".Fail olursan ne olur
Hızlı yapmak
Sıkça sorulan sorular
European Accessibility Act ABD şirketleri için geçerli mi?
WCAG 2.1 A, AA ve AAA arasındaki fark nedir?
Erişilebilirlik denetimi ne kadar sürer?
Erişilebilirlik testi için hangi araçları kullanıyorsun?
Bunu senin için yapmamı ister misin?
İlgili yazılar
AI agent'lar 2026'da QA'ı yeniden yazıyor — kazananlar, kaybedenler ve farklı yaptığım şey
Yayından önce ödeme akışında kontrol edilmesi gereken 5 şey