Web erişilebilirliği (accessibility), bir web sitesinin görme, işitme, motor ya da bilişsel engeli olan kullanıcılar dahil herkes tarafından kullanılabilir olmasıdır. Uluslararası standart WCAG (Web Content Accessibility Guidelines), bunun nasıl sağlanacağını dört ilke altında tanımlar: algılanabilir, işletilebilir, anlaşılabilir ve sağlam. Erişilebilir bir site yalnızca doğru olanı yapmakla kalmaz; aynı zamanda SEO’nuzu güçlendirir, kullanıcı kitlenizi genişletir ve birçok ülkede yasal bir gerekliliktir. Erişilebilirliği baştan kurmak, web geliştirme hizmetlerimizin ayrılmaz bir parçasıdır.
WCAG’in Dört İlkesi (POUR)
- Algılanabilir (Perceivable): İçerik herkes tarafından algılanabilmeli — görsellere alt metin, videolara altyazı, yeterli renk kontrastı.
- İşletilebilir (Operable): Site yalnızca fareyle değil, klavyeyle de tam kullanılabilmeli; hiçbir tuzak olmamalı.
- Anlaşılabilir (Understandable): Metin okunabilir, gezinme tutarlı, form hataları net açıklanmalı.
- Sağlam (Robust): İçerik, ekran okuyucular dahil farklı yardımcı teknolojilerle uyumlu çalışmalı.
Erişilebilirlik Neden Sadece "İyi Niyet" Değil?
Erişilebilirliğin somut iş faydaları vardır. Dünya nüfusunun yaklaşık altıda biri bir tür engelle yaşıyor — erişilemeyen bir site bu büyük kitleyi doğrudan dışarıda bırakır. Üstelik erişilebilirlik için yaptığınız iyileştirmelerin çoğu (anlamlı başlık yapısı, alt metin, hızlı ve klavyeyle gezilebilir sayfalar) doğrudan SEO’yu da güçlendirir; Google’ın değer verdiği sinyallerle birebir örtüşür.
Erişilebilirlik ve SEO büyük ölçüde aynı işin iki yüzüdür: görsellere alt metin eklemek hem ekran okuyucuya hem Google’a yardım eder; anlamlı başlık hiyerarşisi hem yardımcı teknolojiyi hem arama motorunu yönlendirir. Biri için yaptığınız iyileştirme çoğu zaman diğerini de iyileştirir.
Anlamlı (Semantic) HTML: Temelin Temeli
Erişilebilirliğin en büyük kısmı doğru HTML etiketini kullanmaktan geçer. Her şeye <div> demek yerine anlamlı etiketler kullanmak, ekran okuyucunun sayfayı doğru yorumlamasını sağlar. Aşağıda yanlış ve doğru yaklaşım görülüyor:
<!-- YANLIŞ — ekran okuyucu için anlamsız, klavyeyle erişilemez -->
<div class="btn" onclick="submit()">Gönder</div>
<div class="title">Hizmetlerimiz</div>
<!-- DOĞRU — anlamlı etiketler; klavye ve ekran okuyucu uyumlu -->
<button type="submit">Gönder</button>
<h2>Hizmetlerimiz</h2>
<!-- Görselde her zaman açıklayıcı alt metin -->
<img src="/ekip.jpg" alt="Barel Yazılım geliştirici ekibi ofiste" /></code>Pratik Erişilebilirlik Kontrol Listesi
- Tüm anlamlı görsellerde açıklayıcı alt metin, dekoratif görsellerde boş alt metin (alt="").
- Metin ile arka plan arasında yeterli renk kontrastı (en az 4.5:1).
- Tüm işlevler klavyeyle erişilebilir; görünür bir odak (focus) göstergesi var.
- Form alanlarında <label>, hata mesajları net ve programatik olarak bağlı.
- Anlamlı başlık hiyerarşisi (tek H1, sıralı H2/H3); bilgi yalnızca renge dayanmıyor.
- Video ve seslerde altyazı/transkript.
Bu iyileştirmeler aynı zamanda Core Web Vitals ve genel kaliteyle de örtüşür; teknik tarafı SEO uyumlu web sitesi nasıl olmalı ve Core Web Vitals nedir yazılarımızda ele aldık.
Sonuç
Web erişilebilirliği bir "ekstra" değil, kaliteli bir web sitesinin temel bir parçasıdır: daha geniş bir kitleye ulaşır, SEO’nuzu güçlendirir ve yasal riski azaltır. İyi haber, çoğu iyileştirmenin anlamlı HTML, alt metin ve klavye uyumu gibi temel pratiklerden ibaret olmasıdır. Sitenizin erişilebilirlik durumunu değerlendirmemizi isterseniz bizimle iletişime geçin ya da teklif alın.