Tüm yazılar
Tasarım 18 Aralık 2025 7 dk okuma
Tasarımı Bozmadan Erişilebilirlik: WCAG 2.2 Pratik Notları
Erişilebilirlik 'sonra düzeltiriz' diye atlanan birinci konu. 2025'te bu lüksümüz yok — sıfır renk feda etmeden uyum.
Esra Demir
Kıdemli Yazılım Mühendisi
Erişilebilirlik bir 'ekstra' değil. AB ülkelerinde 2025 itibarıyla yasal zorunluluk; Türkiye'de henüz yasal değil ama kurumsal müşteriler giderek sözleşmelerine ekliyor. Şimdi başlamak hem etik hem pragmatik.
İlk düzeltilecek üç şey
- Renk kontrastı: Brand renginiz body text olarak kullanılıyorsa 4.5:1 sağlamıyor olabilir.
- Focus ring: Tarayıcının default outline'ını kapattınız mı? Yerine bir şey koymadıysanız klavye kullanıcısı kayboldu.
- Form label'ları: <label for>...</label> bağlantısı yoksa screen reader hangi input olduğunu söyleyemez.
“İyi erişilebilirlik görünmezdir. Kötü erişilebilirlik herkes için problemdir.”
Tasarımcılar için araçlar
Figma'da Stark veya A11y eklentisi ile kontrast kontrolü yapın. Bütün state'leri (hover, focus, active, disabled) ayrı ayrı tasarlayın. Mobil tasarımda dokunma alanı minimum 44×44px olsun.