Web sitesi erişilebilirliği, sitenizin görme, işitme, motor ya da bilişsel bir kısıtlılığı olan ziyaretçiler tarafından da kullanılabilmesini sağlayan tasarım ve kodlama pratikleridir; WCAG (Web Content Accessibility Guidelines) ise bu pratiklerin uluslararası kabul görmüş standardıdır. Erişilebilirlik sadece etik bir sorumluluk değil, potansiyel müşteri kitlenizin gözden kaçan bir bölümüne ulaşmanın ve bazı sektörlerde yasal bir gerekliliğin de konusudur. Bu yazıda WCAG'in ne anlama geldiğini, neden önemli olduğunu ve web sitenizde pratik olarak nasıl uygulanacağını anlatıyoruz.
WCAG Nedir ve Neyi Kapsar?
WCAG, World Wide Web Consortium (W3C) tarafından geliştirilen ve dünya genelinde kabul gören bir erişilebilirlik standardıdır; dört temel ilke etrafında yapılandırılmıştır: algılanabilirlik (içeriğin duyular yoluyla fark edilebilir olması), çalıştırılabilirlik (sitenin klavye ya da farklı giriş yöntemleriyle kullanılabilir olması), anlaşılabilirlik (içerik ve arayüzün net olması) ve sağlamlık (sitenin farklı teknolojilerle -ekran okuyucular dahil- uyumlu çalışması). Standart, A, AA ve AAA olmak üzere üç uyumluluk seviyesi tanımlar; çoğu kurumsal ve kamu sitesi için hedef genelde AA seviyesidir.
WCAG'in somut karşılığı, teknik jargon olmaktan çıkıp günlük kullanıcı deneyimine dönüştüğünde daha iyi anlaşılır: bir görsele yazılan alternatif metin, bir zayıf görme sahibi ziyaretçinin ekran okuyucusunun o görseli tarif edebilmesini sağlar; yeterli renk kontrastı, güneş ışığında telefonundan sitenize bakan herkesin metni okuyabilmesini sağlar; klavyeyle gezinme desteği ise fare kullanamayan bir ziyaretçinin sitenizde form doldurabilmesini mümkün kılar.
Erişilebilirlik Neden Sadece Etik Bir Konu Değil?
Erişilebilirlik, doğrudan ticari sonucu olan bir konudur çünkü dünya nüfusunun önemli bir kısmı bir tür engelle yaşıyor -bu, kalıcı bir görme kaybı olabileceği gibi, geçici bir durum (ör. ameliyat sonrası bir kolun kullanılamaması) ya da durumsal bir kısıtlılık (ör. güneş ışığında ekranı net görememek) da olabilir. Erişilebilir olmayan bir site, bu geniş kullanıcı grubunun bir kısmını daha ilk adımda kaybeder; bir form doldurulamıyorsa, bir buton fark edilmiyorsa, o ziyaretçi rakibinize gider.
Yasal boyut da göz ardı edilmemelidir: Avrupa Birliği'nde Web Erişilebilirliği Direktifi kamu kurumu sitelerini kapsıyor ve giderek daha fazla ülke özel sektör siteleri için de erişilebilirlik standardı getiriyor; Türkiye'de kamu kurumu siteleri için erişilebilirlik zorunluluğu mevcut, özel sektörde ise henüz yasal zorunluluk sınırlı olsa da bu yönde bir eğilim var. Bu yüzden erişilebilirliği bugünden düşünmek, gelecekteki olası düzenlemelere karşı da bir hazırlık niteliği taşır.
En Sık Karşılaşılan Erişilebilirlik Sorunları Nelerdir?
Sahada en sık karşılaştığımız erişilebilirlik sorunları şunlardır:
- Eksik alternatif metin (alt text): Görsellere açıklayıcı metin eklenmemesi, ekran okuyucu kullanan ziyaretçinin görseli hiç anlamamasına yol açar.
- Yetersiz renk kontrastı: Açık gri metnin beyaz zemin üzerinde kullanılması gibi düşük kontrastlı tasarımlar, zayıf görme sahibi ya da güneş ışığındaki kullanıcılar için metni okunamaz hale getirir.
- Klavye ile gezinilemeyen menüler: Sadece fare ile açılan açılır menüler, klavye kullanan ziyaretçileri sitenin bir bölümüne tamamen erişimsiz bırakır.
- Form etiketleri eksikliği: Bir giriş kutusunun ne istediğini belirten etiketin (label) kod düzeyinde doğru bağlanmaması, ekran okuyucu kullanıcısının formu doldurmasını imkansız hale getirir.
- Otomatik oynayan video/ses: Sesli içeriğin kullanıcı onayı olmadan otomatik başlaması, bilişsel ya da işitsel duyarlılığı olan kullanıcılar için rahatsız edici, hatta siteyi terk etme nedeni olabilir.
Erişilebilirlik Hız ve SEO ile Nasıl İlişkili?
Erişilebilirlik iyileştirmeleri, genelde sitenizin genel teknik kalitesini de yükseltir; temiz, anlamlı HTML yapısı (doğru başlık hiyerarşisi, semantik etiketler) hem ekran okuyucular hem de arama motoru robotları için sitenizi daha "okunabilir" hale getirir. Bu yüzden erişilebilirlik ve SEO, birbirinden bağımsız iki çalışma değil, büyük ölçüde örtüşen iki hedeftir; bu ilişkiyi Core Web Vitals rehberimizde de ele aldık.
Örneğin görsellere eklenen alt text, hem ekran okuyucu için erişilebilirlik sağlar hem de Google'ın görsel arama sonuçlarında sizi göstermesine yardımcı olur. Aynı şekilde net başlık hiyerarşisi (h1, h2, h3 sırasıyla kullanılması) hem ekran okuyucu kullanıcısının sayfada gezinmesini kolaylaştırır hem de Google'ın sayfa yapısını doğru anlamasını sağlar.
Erişilebilirlik İçin Pratik İlk Adımlar Nelerdir?
Sıfırdan tam WCAG AA uyumluluğuna ulaşmak büyük bir proje olabilir, ama düşük maliyetli birkaç adımla büyük fark yaratılabilir:
- Tüm görsellere anlamlı alternatif metin eklemek (dekoratif görseller için boş alt text yeterlidir).
- Metin ve arka plan arasında en az 4.5:1 kontrast oranı sağlamak (ücretsiz kontrast kontrol araçlarıyla kolayca test edilebilir).
- Tüm etkileşimli öğelerin (menü, form, buton) sadece klavye ile de kullanılabilir olmasını test etmek -fareyi bir kenara bırakıp Tab tuşuyla siteyi gezmeyi deneyin.
- Form alanlarına doğru etiketleri (label) kod düzeyinde bağlamak.
- Video ve seslerin otomatik başlamamasını, kullanıcı tarafından başlatılmasını sağlamak.
Bu adımların çoğu, bir geliştiricinin birkaç günlük çalışmasıyla mevcut bir sitede uygulanabilir; sıfırdan yeni bir site yaptırıyorsanız bu gereksinimleri proje briefine baştan eklemek, sonradan düzeltmekten çok daha ucuza gelir. Mobil uyumluluğun erişilebilirlikle kesişen yönlerini de responsive tasarım rehberimizde ele aldık.
Erişilebilirlik Testi Nasıl Yapılır?
Erişilebilirlik testi iki katmanda yürütülmelidir: otomatik araçlarla hızlı tarama ve gerçek kullanıcı testiyle derinlemesine kontrol. Ücretsiz tarayıcı eklentileri (ör. WAVE, axe) sitenizi saniyeler içinde tarayıp eksik alt text, düşük kontrast ve etiket sorunları gibi yaygın hataları listeler; bu, hızlı ve ücretsiz bir ilk kontrol imkanı sunar.
Ancak otomatik araçlar sorunların yalnızca bir kısmını (genelde yüzde 30-40'ını) tespit edebilir; klavye ile gezinme akışının mantıklı olup olmadığı ya da bir ekran okuyucunun sayfayı gerçekte nasıl "duyduğu" gibi konular manuel test gerektirir. Mümkünse gerçek bir ekran okuyucu (ör. ücretsiz NVDA) ile siteyi baştan sona gezinmeyi denemek, otomatik araçların kaçırdığı sorunları ortaya çıkarır.
Hangi İşletmeler İçin Erişilebilirlik Özellikle Öncelikli Olmalı?
Erişilebilirlik her işletme için değerlidir ama bazı sektörlerde önceliği çok daha yüksektir. Kamu hizmeti sunan ya da kamuya açık kurumlar (belediyeler, eğitim kurumları, sağlık kuruluşları) için erişilebilirlik genelde bir tercih değil gerekliliktir; bu kurumların ziyaretçi kitlesi, engelli bireyleri ortalamadan daha yüksek oranda içerir. Aynı şekilde, yaşlı nüfusun yoğun kullandığı hizmetler (ör. sağlık randevu sistemleri, emeklilik danışmanlığı) için de erişilebilirlik doğrudan kullanılabilirlikle eş anlamlıdır -yaşla birlikte görme ve motor beceriler de değişir.
E-ticaret siteleri için erişilebilirlik ayrı bir önem taşır çünkü erişilebilir olmayan bir ödeme akışı, doğrudan kayıp satış anlamına gelir; bir kullanıcı sepetini tamamlayamıyorsa, o işlem kaybedilmiş demektir. Küçük bir tanıtım sitesi için erişilebilirlik önceliği daha düşük olsa da, temel kurallara (kontrast, alt text, klavye desteği) uymak hem maliyeti düşük hem de her zaman faydalıdır.
Sık Sorulan Sorular
Erişilebilirlik maliyeti ne kadar artırır?
Sıfırdan planlanan bir projede erişilebilirlik gereksinimleri toplam maliyete genelde yüzde 5-15 arasında bir ek getirir; mevcut bir siteyi sonradan uyumlu hale getirmek ise kapsam ve sitenin mevcut kod kalitesine bağlı olarak daha değişken bir maliyet (birkaç bin TL'den, büyük bir sitede on binlerce TL'ye kadar) taşıyabilir.
Küçük bir işletme için WCAG AAA seviyesi gerekli mi?
Genelde hayır; AAA seviyesi çok katı kısıtlamalar getirir ve çoğu ticari site için pratik değildir. Küçük ve orta ölçekli işletmeler için AA seviyesini hedeflemek, hem erişilebilirlik faydasını sağlar hem de tasarım özgürlüğünü aşırı kısıtlamaz.
Erişilebilirlik sadece görme engelli kullanıcılar için mi önemli?
Hayır; işitme kaybı olan kullanıcılar için video altyazısı, motor kısıtlılığı olan kullanıcılar için klavye desteği, bilişsel farklılığı olan kullanıcılar için ise sade ve net dil de erişilebilirliğin kapsamına girer. Erişilebilirlik, tek bir kullanıcı grubu değil geniş bir yelpazedeki farklı ihtiyaçları kapsar.
Erişilebilir bir web sitesi, daha geniş bir kitleye ulaşmanızı sağlarken aynı zamanda daha temiz kodlanmış, SEO açısından da daha güçlü bir site anlamına gelir. Yeni bir sitenizi profesyonel web sitesi yaptırın yaklaşımıyla kurarken erişilebilirlik gereksinimlerini baştan doğru planlamak ya da mevcut sitenizin erişilebilirlik durumunu değerlendirmemizi isterseniz iletişime geçin.