Web Erişilebilirliği (a11y): Temel İlkeler
Web erişilebilirliği nedir, neden önemlidir ve WCAG ilkeleri neler? Herkes için kullanılabilir web deneyimleri oluşturmanın temel adımlarını keşfedin.
Web'i inşa ederken çoğu zaman "bu sayfa çalışıyor mu?" diye sorarız. Ama asıl soru şu olmalı: *"Bu sayfa herkes için çalışıyor mu?" İşte tam bu noktada web erişilebilirliği, yani kısaltmasıyla a11y* (accessibility kelimesinin 'a' ve 'y' harfleri arasında 11 harf var), devreye giriyor.
a11y Nedir, Neden Önemlidir?
Web erişilebilirliği; görme, işitme, motor veya bilişsel engeli olan bireylerin web içeriklerini bağımsız biçimde kullanabilmesini sağlamak anlamına gelir. Dünya Sağlık Örgütü verilerine göre dünya nüfusunun yaklaşık %16'sı bir tür engel ile yaşıyor. Bu, milyarlarca potansiyel kullanıcının kapı önünde bırakılması demek.
Bunun ötesinde erişilebilirlik;
- Yasal yükümlülükler doğurabilir (AB Erişilebilirlik Yasası, ADA gibi düzenlemeler),
- SEO'yu doğrudan etkiler (ekran okuyucular ve arama motorları benzer mantıkla çalışır),
- Genel kullanıcı deneyimini herkes için iyileştirir.
WCAG: Rehber Yıldızımız
Web Content Accessibility Guidelines (WCAG), W3C tarafından yayımlanan ve endüstri standardı haline gelmiş erişilebilirlik kılavuzlarıdır. WCAG 2.1 ve güncel WCAG 2.2, dört temel ilke üzerine kurulmuştur — bu ilkeler POUR kısaltmasıyla anılır:
1. Algılanabilir (Perceivable)
Kullanıcılar içeriği en az bir duyusuyla algılayabilmelidir.
- Görüntülere anlamlı
altmetni ekleyin. - Videolara altyazı ve transkript sağlayın.
- Yalnızca renge bağımlı bilgi sunmaktan kaçının; renk körü kullanıcıları düşünün.
2. Çalıştırılabilir (Operable)
Tüm işlevler klavye ile de kullanılabilmelidir.
- Tab odağı açık ve görünür tutulmalı.
- Animasyonlar ve otomatik geçişler durdurulabilir olmalı.
- Zaman sınırlı içeriklerde kullanıcıya yeterli süre tanınmalı.
3. Anlaşılabilir (Understandable)
İçerik ve arayüz sezgisel ve öngörülebilir olmalıdır.
- Sayfa dilini
<html lang="tr">gibi etiketle belirtin. - Form hatalarını açık ve çözüm odaklı bir dille aktarın.
- Tutarlı navigasyon ve bileşen davranışı oluşturun.
4. Sağlam (Robust)
İçerik; farklı tarayıcılar, yardımcı teknolojiler ve cihazlarla uyumlu çalışmalıdır.
- Semantik HTML kullanın:
<button>,<nav>,<main>,<article>gibi anlamlı etiketler tercih edin. - ARIA (Accessible Rich Internet Applications) özelliklerini yalnızca gerçekten gerektiğinde, doğru şekilde kullanın.
- Bileşenlerinizi ekran okuyucularla (NVDA, VoiceOver) düzenli test edin.
Pratik Başlangıç Noktaları
Teoriden pratiğe geçmek için birkaç hızlı adım:
1. Lighthouse veya axe DevTools ile mevcut sayfanızı tarayın; hangi seviyede olduğunuzu görün. 2. Yalnızca klavye kullanarak sitenizde gezinmeyi deneyin. 3. Renk kontrastlarını WCAG AA standardı olan 4.5:1 oranına getirin. 4. Ekip içinde erişilebilirliği tasarım aşamasına taşıyın; sonradan yama yapmak her zaman daha pahalıdır.
Sonuç
Erişilebilirlik, bir "özellik" değil; iyi yazılmış kodun ve düşünceli tasarımın doğal bir çıktısıdır. Bunu proje sonuna bırakmak yerine sürecinizin bir parçası haline getirdiğinizde hem daha kapsayıcı bir ürün ortaya koyarsınız hem de teknik borçlanmayı önlersiniz.
Web herkese açık olmak için var. Bunu gerçek anlamda sağlamak bizim elimizde.