Web Erişilebilirliği (a11y): Temel İlkeler

Web'in gücü, evrenselliğinde yatar. Tim Berners-Lee'nin bu sözü bugün hâlâ geçerli; ancak pratikte her kullanıcının web sitelerine eşit erişimi olduğunu söylemek güç. İşte tam bu noktada erişilebilirlik, yani kısa adıyla a11y (accessibility kelimesinin baş ve son harfleri arasındaki 11 harften geliyor) devreye giriyor.

a11y Nedir?

Web erişilebilirliği; görme, işitme, motor veya bilişsel engeli olan kullanıcıların web sitelerini ve uygulamaları bağımsız biçimde kullanabilmesini sağlamak demektir. Ama bunu sadece "engelli kullanıcılar için yapılan bir şey" olarak düşünmek hata olur. Yavaş internet bağlantısı olan biri, güneşli bir ortamda telefona bakan biri ya da yaşlı bir kullanıcı da bu iyileştirmelerden doğrudan faydalanır.

WCAG: Rehberimiz

WCAG (Web Content Accessibility Guidelines), W3C tarafından yayımlanan ve erişilebilirlik standartlarını belirleyen kılavuzdur. Güncel sürüm WCAG 2.2 olmakla birlikte, temel çerçeve dört ana ilke üzerine kuruludur. Bu ilkelerin baş harfleri POUR kısaltmasını oluşturur:

1. Algılanabilir (Perceivable)

Kullanıcıların içeriği en az bir duyusuyla algılayabilmesi gerekir.

• Görsellere anlamlı alt metni ekleyin.
• Videolara altyazı ve ses betimleme ekleyin.
• Renk kontrastını yeterli tutun (minimum 4.5:1 oranı metin için).
• İçeriği yalnızca renkle iletmeyin; şekil, ikon veya etiket kullanın.

2. İşletilebilir (Operable)

Arayüz, farklı giriş yöntemleriyle kullanılabilir olmalıdır.

• Tüm işlevler yalnızca klavyeyle erişilebilir olmalı.
• Odak (focus) sırası mantıklı ve görünür olmalı.
• Zaman sınırlı içeriklerde kullanıcıya süre uzatma imkânı tanıyın.
• Hareketli içerikler için duraklat/durdur seçeneği sunun.

3. Anlaşılır (Understandable)

İçerik ve arayüz tahmin edilebilir, net ve tutarlı olmalıdır.

• Sayfanın dilini <html lang="tr"> gibi etiketlerle belirtin.
• Hata mesajları açıklayıcı ve yönlendirici olsun.
• Form alanlarında <label> kullanımını ihmal etmeyin.
• Tutarlı navigasyon ve isimlendirme kullanın.

4. Sağlam (Robust)

İçerik, farklı tarayıcılar ve yardımcı teknolojilerle uyumlu olmalıdır.

• Semantik HTML kullanın: <nav>, <main>, <article>, <button> gibi.
• ARIA özelliklerini doğru ve gerektiğinde kullanın; aşırı kullanım da sorun yaratır.
• Kod geçerliliğini düzenli olarak kontrol edin.

Nereden Başlamalı?

Mevcut bir projeyi erişilebilir hale getirmek göz korkutucu görünebilir. Ancak küçük adımlar bile büyük fark yaratır:

1. Lighthouse veya axe DevTools gibi araçlarla otomatik denetim yapın. 2. Sitenizi yalnızca klavyeyle gezmeyi deneyin. 3. Ekran okuyucu (NVDA, VoiceOver) ile test edin. 4. Renk kontrastını WebAIM Contrast Checker ile ölçün.

Son Söz

Erişilebilirlik bir "ekstra özellik" değil, kaliteli yazılım geliştirmenin ayrılmaz bir parçasıdır. Üstelik bu iyi pratikler çoğu zaman SEO'yu, performansı ve genel kullanıcı deneyimini de olumlu etkiler. Herkesi kapsayan bir web inşa etmek için beklemek yok; bir sonraki sprint'ten itibaren başlayabilirsiniz.