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

Web'i herkes için eşit derecede kullanılabilir kılmak, uzun süredir konuşulan ama pratikte hâlâ yeterince hayata geçirilemeyen bir hedef. "a11y" kısaltması — accessibility kelimesinin baş ve son harflerinin arasındaki 11 karakteri temsil ediyor — bu hedefin ne kadar köklü bir kültür meselesi olduğunu anlatıyor bana. Sadece bir teknik gereksinim değil; empati ve sorumluluk meselesi.

a11y Neden Bu Kadar Önemli?

Dünya nüfusunun yaklaşık %15'i bir tür engellilik ya da kısıtlılıkla yaşıyor. Bunlar yalnızca kalıcı durumlar değil: kırık bir el, parlak güneşte dışarıda tutulan bir telefon ekranı ya da gürültülü bir ortamda sessizce izlenen bir video da birer geçici erişilebilirlik sorunudur. Yani erişilebilir bir web, yalnızca belirli bir azınlığa değil, herhangi bir anda hepimize fayda sağlar.

Üstelik birçok ülkede web erişilebilirliği artık yasal bir zorunluluk. Avrupa'da EN 301 549, ABD'de ADA (Americans with Disabilities Act) ve Türkiye'de e-Devlet Erişilebilirlik Rehberi bu alandaki yasal çerçevelerin başında geliyor.

WCAG: Evrensel Çerçeve

Web erişilebilirliğinin temel standardı olan WCAG (Web Content Accessibility Guidelines), W3C tarafından yayımlanıyor. Güncel sürüm WCAG 2.2 ve dört temel ilke üzerine kurulu: POUR.

1. Algılanabilir (Perceivable)

İçerik, kullanıcıların en az bir duyusuyla algılayabileceği biçimde sunulmalı.

• Görsellere alt metni ekleyin.
• Videolara altyazı ve/veya transkript sağlayın.
• Renk tek başına bir anlam taşıyıcı olarak kullanılmamalı (renk körlüğü düşünülmeli).
• Metin ve arka plan arasında yeterli kontrast oranı sağlanmalı (minimum 4.5:1).

2. Çalıştırılabilir (Operable)

Arayüzün tüm bileşenleri, fare olmadan da kullanılabilmeli.

• Tüm işlevler klavye ile erişilebilir olmalı.
• Kullanıcıya içeriği okuma ve etkileşime geçme için yeterli zaman tanınmalı.
• Nöbet tetikleyici yanıp sönen içeriklerden kaçınılmalı.
• Gezinmeye yardımcı "skip navigation" (içeriğe atla) bağlantıları eklenmeli.

3. Anlaşılabilir (Understandable)

Hem içerik hem de arayüz davranışı öngörülebilir ve anlaşılır olmalı.

• Sayfa dili (lang attribute) doğru tanımlanmalı.
• Form hataları açık ve yönlendirici mesajlarla iletilmeli.
• Tutarsız navigasyon yapılarından kaçınılmalı.

4. Sağlam (Robust)

İçerik; ekran okuyucular, eski tarayıcılar ve yardımcı teknolojiler dahil geniş bir araç yelpazesiyle uyumlu olmalı.

• Geçerli, anlamlı HTML semantiği kullanılmalı (<button>, <nav>, <main> vb.).
• ARIA (Accessible Rich Internet Applications) rolleri ve attribute'ları doğru ve gerektiğinde kullanılmalı — aşırı kullanım da bir sorun.

Pratikte Nereden Başlamalı?

Teoriden eyleme geçmek için birkaç somut adım:

1. Lighthouse veya axe DevTools ile mevcut sitenizi tarayın ve temel ihlalleri listeleyin. 2. Sitenizi yalnızca Tab tuşuyla gezmeyi deneyin; takıldığınız noktaları not edin. 3. NVDA (Windows) veya VoiceOver (macOS/iOS) gibi ekran okuyucularla birkaç sayfa test edin. 4. Yeni bileşen geliştirirken erişilebilirliği sonradan değil, tasarım aşamasında düşünün.

Sonuç

Web erişilebilirliği bir "nice to have" değil, "must have". Teknik borç gibi düşünebilirsiniz: ne kadar erken ele alırsanız maliyeti o kadar düşük olur. Daha kapsayıcı bir web inşa etmek, aynı zamanda daha iyi bir UX, daha iyi SEO ve daha sürdürülebilir bir kod tabanı anlamına geliyor. Herkesi düşünerek yazdığımız kod, nihayetinde herkese fayda sağlıyor.