Web Erişilebilirliği Nedir?
Web erişilebilirliği, web sitelerinin ve uygulamalarının engelli bireyler dahil herkes tarafından kullanılabilir olmasını sağlama pratiğidir. Dünya nüfusunun yaklaşık %15'i bir tür engellilik durumuna sahiptir ve bu oran yaşlanan nüfusla birlikte artmaktadır.
Erişilebilirlik yalnızca bir sosyal sorumluluk değil, aynı zamanda yasal bir gereklilik ve iş stratejisidir. Erişilebilir web siteleri daha geniş kitlelere ulaşır, SEO performansı artar ve genel kullanılabilirlik iyileşir.
WCAG Nedir?
Web Content Accessibility Guidelines (WCAG), W3C tarafından geliştirilen web erişilebilirlik standartlarıdır. Güncel sürümü WCAG 2.2 olan bu standart, üç uyumluluk seviyesi tanımlar:
| Seviye | Açıklama | Gereklilik |
|---|---|---|
| A | Temel erişilebilirlik | Minimum gereklilik |
| AA | Gelişmiş erişilebilirlik | Çoğu yasal gereklilik |
| AAA | En üst düzey erişilebilirlik | İdeal hedef |
WCAG'ın Dört Temel Prensibi (POUR)
Algılanabilirlik (Perceivable)
Bilgi ve arayüz bileşenleri kullanıcılara algılanabilir şekilde sunulmalıdır:
- Metin Alternatifleri: Tüm görseller için açıklayıcı alt metin (alt text) sağlayın
- Altyazılar: Video ve ses içeriklerine altyazı ve metin dökümleri ekleyin
- Renk Kontrastı: Metin ve arka plan arasında yeterli kontrast oranı sağlayın (AA: 4.5:1, AAA: 7:1)
- Yeniden Boyutlandırma: İçerik %200 büyütmede bile okunabilir olmalıdır
Çalıştırılabilirlik (Operable)
Arayüz bileşenleri ve navigasyon çalıştırılabilir olmalıdır:
- Klavye Erişimi: Tüm işlevler yalnızca klavye ile erişilebilir olmalıdır
- Yeterli Süre: Kullanıcılara içeriği okumak ve kullanmak için yeterli süre tanıyın
- Nöbet Riski: Saniyede 3'ten fazla yanıp sönen içeriklerden kaçının
- Navigasyon: Kullanıcıların içeriği bulmasına ve konumlarını anlamasına yardımcı olun
Anlaşılabilirlik (Understandable)
Bilgi ve arayüzün işleyişi anlaşılabilir olmalıdır:
- Okunabilirlik: Metin içeriği okunabilir ve anlaşılabilir olmalıdır
- Tahmin Edilebilirlik: Sayfalar tahmin edilebilir şekilde çalışmalıdır
- Hata Yardımı: Kullanıcıların hataları önlemesine ve düzeltmesine yardımcı olun
Sağlamlık (Robust)
İçerik, yardımcı teknolojiler dahil farklı araçlar tarafından güvenilir şekilde yorumlanabilir olmalıdır:
- Geçerli ve semantik HTML kullanın
- ARIA rollerini ve özelliklerini doğru uygulayın
- Özel bileşenlerde erişilebilirlik bilgilerini sağlayın
Renk ve Kontrast
Renk tek başına bilgi iletmek için asla yeterli bir yöntem değildir. Renk körlüğü dünya genelinde erkeklerin %8'ini ve kadınların %0.5'ini etkiler. Bilgi her zaman renk dışı yollarla da iletilmelidir.
Kontrast kontrolü için kullanılabilecek araçlar:
- WebAIM Contrast Checker: Hızlı kontrast oranı kontrolü
- Stark: Figma eklentisi ile tasarım aşamasında kontrol
- axe DevTools: Tarayıcı uzantısı ile otomatik kontrol
- Color Oracle: Renk körlüğü simülasyonu
Semantik HTML
Doğru HTML etiketlerinin kullanılması erişilebilirliğin temelidir:
| Yanlış | Doğru | Sebep |
|---|---|---|
| <div onclick> | <button> | Klavye ve ekran okuyucu desteği |
| <div class="nav"> | <nav> | Landmark rolü otomatik atanır |
| <b> | <strong> | Anlam taşır, sadece görsel değil |
| <i> | <em> | Vurgu anlamı ekran okuyucuya iletilir |
ARIA (Accessible Rich Internet Applications)
ARIA, HTML'in yetersiz kaldığı durumlarda erişilebilirlik bilgisi eklemeyi sağlar:
- aria-label: Görünür metin olmayan öğelere etiket ekler
- aria-describedby: Ek açıklama sağlar
- aria-live: Dinamik içerik değişikliklerini duyurur
- role: Öğenin işlevini tanımlar
Ancak unutulmamalıdır: ARIA'nın birinci kuralı, doğru HTML etiketi varsa ARIA kullanmamaktır.
Erişilebilirlik Test Araçları
- axe DevTools: Otomatik erişilebilirlik denetimi
- Lighthouse: Chrome'un yerleşik denetim aracı
- WAVE: WebAIM'in görsel denetim aracı
- NVDA / VoiceOver: Ekran okuyucu ile manuel test
- Pa11y: Komut satırı tabanlı otomatik test aracı
Ekolsoft ve Erişilebilirlik
Ekolsoft olarak, geliştirdiğimiz tüm web projelerinde WCAG AA uyumluluk standardını hedefliyoruz. Semantik HTML, doğru ARIA kullanımı ve kapsamlı erişilebilirlik testleri ile herkes için kullanılabilir dijital deneyimler oluşturuyoruz.
Sonuç
Web erişilebilirliği, dijital dünyada kapsayıcılığın ve eşitliğin temelidir. WCAG standartlarına uygun tasarım yapmak yalnızca yasal bir gereklilik değil, aynı zamanda daha iyi bir web inşa etme sorumluluğudur. Erişilebilirlik, tasarım sürecinin sonunda eklenen bir özellik değil, başından itibaren düşünülmesi gereken bir temel ilkedir.
