Web Erişilebilirlik Denetimi: Sitenizi Kimler Kullanamıyor?

Web Erişilebilirlik Denetimi Nedir ve Neyi Ölçer?

Sitenize bir kullanıcı geldi, ürünü bulamadı ve çıktı. Trafik analitiğinde bu ziyaret "hemen çıkma" olarak görünür, kimse nedenini sorgulamaz. Oysa o kullanıcı belki de sadece klavyeyle geziniyordu ve menüye hiç ulaşamadı. Web erişilebilirlik denetimi tam olarak bu görünmez kayıpları ortaya çıkarır.

Web erişilebilirlik denetimi, bir sitenin engelli bireylerin kullandığı yardımcı teknolojilerle (ekran okuyucu, ekran büyüteci, sesli komut, özel klavye) ne ölçüde uyumlu çalıştığını sistematik biçimde ölçen bir değerlendirme sürecidir. Denetim; kod yapısından renk seçimlerine, form etiketlerinden video altyazılarına kadar geniş bir yüzeyi tarar. Çıktısı bir "puan" değil, düzeltilebilir bir hata listesidir.

Erişilebilirlik ile kullanılabilirlik arasındaki fark

Kullanılabilirlik testi "ortalama kullanıcı bu akışta zorlanıyor mu?" sorusunu sorar. Erişilebilirlik denetimi ise "bu akışı ekran okuyucuyla, klavyeyle veya yüksek kontrast modunda tamamlayabiliyor mu?" sorusunu sorar. İkisi birbirini besler ama aynı şey değildir: kullanılabilir bir site erişilebilir olmayabilir, erişilebilir bir site de hantal bir deneyim sunabilir.

Denetimin ölçtüğü dört engel grubu

Denetim, engelleri dört kategoride ele alır:

• Görme engelleri: Düşük kontrast oranı, alternatif metinsiz görseller, ekran okuyucunun okuyamadığı ikon butonlar.
• İşitme engelleri: Altyazısız video, sesli uyarıyla verilen bilgi (örneğin form hatasının yalnızca sesle bildirilmesi).
• Motor engelleri: Fare gerektiren sürükle-bırak, klavye erişilebilirliği olmayan menüler, küçük tıklama alanları.
• Bilişsel engeller: Karmaşık form akışları, tutarsız gezinme, zaman baskısı yaratan oturum süreleri.

Bu dört grup yalnızca kalıcı engellileri kapsamaz. Kolu kırık bir kullanıcı, parlak güneş ışığında telefonuna bakan biri, yavaş bağlantıda video yüklenmesini bekleyen bir kullanıcı da aynı engellerle karşılaşır. Kapsayıcı tasarım tam bu noktada devreye girer: herkes için daha kullanışlı bir site.

WCAG 2.2 Seviyeleri: A, AA ve AAA Arasındaki Farklar

WCAG 2.2 (Web Content Accessibility Guidelines), erişilebilirliğin uluslararası referans standardıdır. Kriterler dört ilke üzerine kurulur ve bunlara POUR ilkeleri denir.

POUR dört ilkesi

• Algılanabilir (Perceivable): İçerik en az bir duyuyla erişilebilir olmalı. Görsele alternatif metin, videoya altyazı.
• Kullanılabilir (Operable): Arayüz klavyeyle ve yardımcı teknolojiyle çalışmalı. Odak göstergesi görünür, klavye tuzağı yok.
• Anlaşılabilir (Understandable): Metin okunabilir, hata mesajları açık, gezinme tutarlı.
• Sağlam (Robust): Semantik HTML ve doğru ARIA etiketleri sayesinde içerik farklı tarayıcı ve yardımcı teknolojilerde çalışır.

Seviyeler bu ilkelerin ne kadarına uyduğunuzu gösterir:

Hangi seviye hedeflenmeli?

Kamu kurumları, bankalar ve büyük ölçekli e-ticaret projeleri için AA pratikte standarttır; birçok ülkede yasal düzenlemeler de bu seviyeyi referans alır. AAA ise işaret dili çevirisi veya çok düşük okunabilirlik seviyesi gibi kriterler içerdiğinden tüm site için sürdürülebilir değildir. Gerçekçi yaklaşım: site genelinde AA, kritik akışlarda (form, ödeme, iletişim) AAA'ya yaklaşan özen.

Denetime Nereden Başlamalı? Adım Adım Süreç

Web erişilebilirlik denetimi rastgele sayfalarla başlamaz. Önce kapsam belirlenir: ana sayfa, ana menü, form sayfaları, ödeme akışı, iletişim ve sık kullanılan içerik şablonlarından birer örnek. Amaç tüm siteyi taramak değil, tekrar eden bileşenlerin hatalarını yakalamaktır; bir modal bileşeni on sayfada aynı hatayı üretir.

Süreç üç katmanda ilerler:

1. Otomatik tarama: Hızlı bir başlangıç. Eksik alt metin, kontrast ve etiketsiz form alanı gibi yapısal hataları yakalar.
2. Manuel test: Klavye gezintisi, ekran okuyucu okuması, odak sırası kontrolü. Otomatik araçların göremediği akış sorunlarını bulur.
3. Kullanıcı testi: Gerçek engelli kullanıcılarla yapılan oturumlar. Bir ekran okuyucu kullanıcısının ürün filtresini nasıl denediğini izlemek, hiçbir aracın veremeyeceği içgörüyü verir.

Bulgular ciddiyet ve efor matrisine göre puanlanır: kullanıcıyı tamamen bloke eden hata "kritik", işi zorlaştıran "orta", kozmetik "düşük". Düzeltme eforu da aynı tabloya eklenir; böylece ekip önce en yüksek etkiyi en az işle sağlayan maddelere yönelir.

En Sık Karşılaşılan Erişilebilirlik Hataları

Denetimlerde dönen hatalar şaşırtıcı derecede benzerdir. Aşağıdaki liste, çoğu sitenin ilk turda takıldığı noktaları özetler.

Görsel ve yapısal hatalar

• Düşük kontrast oranı: Açık gri metin, beyaz zeminde kaybolur. WCAG 2.2 normal metin için en az 4.5:1 ister. Düzeltme: tasarım token'larında kontrast değerini sabitleyin.
• Alternatif metinsiz görseller: Ürün fotoğrafı, ikon buton, grafik. Düzeltme: anlamlı görsele açıklayıcı alternatif metin, dekoratif görsele boş alt değeri.
• Hiyerarşisi bozuk başlık yapısı: Sayfada üç adet H1, atlanmış H3. Düzeltme: tek H1, sıralı alt başlıklar; semantik HTML ile.
• Anlamsız bağlantı metinleri: "Buraya tıklayın", "devamı". Düzeltme: bağlam taşıyan metin ("2025 fiyat listesini indirin").

Etkileşim ve form hataları

• Etiketsiz form alanları: Ekran okuyucu yalnızca "düzenleme alanı" okur. Düzeltme: her alana görünür veya gizli label, gerekirse ARIA etiketleri.
• Klavye tuzağı yaratan modaller: Kullanıcı modal içinde sıkışır, sekmeyle çıkamaz. Düzeltme: odak tuzağı bilinçli kurulmalı, ESC ile kapanmalı.
• Otomatik oynayan videolar: Sesli başlayan video, ekran okuyucuyu bastırır. Düzeltme: sessiz otomatik oynatma veya kullanıcı kontrolü.
• Yetersiz odak göstergesi: CSS ile outline kaldırılmış, klavye kullanıcısı nerede olduğunu göremez. Düzeltme: görünür, yüksek kontrastlı odak halkası.

Klavye ve Ekran Okuyucu ile Manuel Test Nasıl Yapılır?

Manuel testin ilk kuralı basit: fareyi bırakın. Ana sayfadan başlayıp hedef akışı (ürün bulma, sepete ekleme, form gönderme) yalnızca Tab, Shift+Tab, Enter, Space ve ok tuşlarıyla tamamlayın. Tamamlayamıyorsanız orada bir engel var.

Tab tuşu ile gezinme kontrolü

• Odak sırası görsel sırayla uyuşuyor mu?
• Gizli veya kapalı içeriğe odaklanılıyor mu?
• Her odaklanabilir öğenin görünür odak göstergesi var mı?
• Menü, modal ve akordeonlar klavyeyle açılıp kapanıyor mu?

NVDA ve VoiceOver ile hızlı tarama

Windows'ta NVDA, macOS ve iOS'ta VoiceOver ile şu üç şeyi kontrol edin: başlık listesi mantıklı mı, görseller anlamlı okunuyor mu, form alanları etiketleriyle birlikte mi duyuruluyor. Ardından tarayıcı yakınlaştırmasını %200'e çıkarın ve yüksek kontrast modunu açın; düzen dağılıyor mu bakın. Bu kısa tur, saatler süren tartışmaların yerini alır.

Erişilebilirlik Denetiminde Kullanılan Araçlar ve Kontrol Listeleri

Araçlar denetimin yerini almaz, hızlandırır. Otomatik araçlar sorunların yaklaşık üçte birini yakalar; kalanı insan değerlendirmesi ister. Bu oranı bilerek plan yapın.

Otomatik tarama araçları

• WAVE: Sayfa üzerinde görsel işaretleme yapar, öğrenmesi kolay.
• axe DevTools: Geliştirici odaklı, tarayıcı konsolunda detaylı kural açıklaması verir.
• Lighthouse: Performans ve SEO ile birlikte erişilebilirlik sekmesi sunar; hızlı ön tarama için iyi.
• Pa11y: CI/CD hattına eklenebilir, yayın öncesi otomatik kontrol sağlar.

Tarayıcı eklentileri ve kontrast ölçerler

Kontrast ölçer eklentileri renk çiftlerini anında test eder; renk körlüğü simülatörleri tasarımı farklı gözlerle görmenizi sağlar. Denetim raporunda her bulgu için üç bilgi zorunlu olmalı: ilgili WCAG kriter numarası (örneğin 1.4.3 Kontrast), ciddiyet düzeyi ve somut düzeltme adımı. "Kontrast düşük" cümlesi rapor değil, nottur.

Erişilebilirliğin SEO ve Dönüşüm Üzerindeki Etkisi

Erişilebilirlik düzeltmelerinin çoğu aynı anda SEO iyileştirmesidir. Alternatif metinler görsel aramada görünürlük kazandırır; başlık hiyerarşisi arama motorlarının sayfayı taramasını kolaylaştırır; anlamlı bağlantı metinleri anahtar kelimeye bağlam kazandırır. Semantik HTML hem ekran okuyucuya hem botlara aynı netliği sunar.

Dönüşüm tarafında etki daha doğrudan: erişilebilir siteler daha geniş kitleye ulaşır, form ve sekmelerde terk oranı düşer. Türkiye pazarında kamu ihaleleri ve kurumsal tedarik süreçlerinde erişilebilirlik beyanı talep eden şartnameler artıyor; Antalya'daki kurumsal projelerde de bu eğilim görünür. Beyan, sitenin hangi seviyeyi hedeflediğini ve geri bildirim kanalını açıklayan kısa bir belgedir.

Denetim Sonuçlarını Uygulanabilir Bir Yol Haritasına Dönüştürmek

Rapor rafa kalkacaksa denetim boşa emektir. Bulguları kritik, orta ve düşük olarak sınıflandırın; hızlı kazanımları (alternatif metin, kontrast, form etiketi) ilk sprint'e alın. Her bulguya bir sorumlu atayın: tasarım, frontend veya içerik.

Tasarım ve geliştirme ekibine aktarım

Kalıcı çözüm, kuralları sürece gömmektir. Tasarım sistemine kontrast ve odak kuralları eklenir, geliştirici kontrol listesi oluşturulur, yayın öncesi kontrol kapısı (Pa11y gibi bir araçla) devreye alınır. Vava Medya (Antalya) gibi bir ajansla çalışırken denetim çıktısı tasarım ve yazılım süreçlerine doğrudan entegre edilir; böylece her yeni özellik erişilebilir doğar, sonradan yama gerektirmez.

Sıkça Sorulan Sorular

Web erişilebilirlik denetimi ne kadar sürer?

Kapsama göre değişir. Tek bir şablonun denetimi birkaç gün sürerken, onlarca şablon ve kritik akış içeren bir site birkaç haftayı bulabilir. Süreyi belirleyen faktörler sayfa sayısı, bileşen çeşitliliği ve manuel test derinliğidir.

Erişilebilirlik denetimi için hangi WCAG seviyesini hedeflemeliyim?

Çoğu proje için doğru hedef AA'dır; kamu ve kurumsal şartnameler genellikle bu seviyeyi ister. AAA tüm site için sürdürülebilir değildir, kritik akışlarda seçici olarak uygulanabilir.

Otomatik erişilebilirlik araçları tek başına yeterli mi?

Hayır. Otomatik araçlar sorunların yaklaşık üçte birini yakalar; klavye akışı ve ekran okuyucu deneyimi manuel test gerektirir. Araçları başlangıç noktası, insan değerlendirmesini zorunlu katman olarak görün.

Erişilebilirlik denetimi yasal bir zorunluluk mu?

Türkiye'de kamu kurumlarına yönelik düzenlemeler ve birçok ülkenin mevzuatı erişilebilirliği şart koşuyor. Özel sektör için de kamu ihaleleri ve kurumsal tedarik süreçleri pratikte zorunluluk yaratıyor. Güncel kapsamı projenize göre hukuki danışmanlıkla netleştirin.

Sitem erişilebilirlik açısından kaç puan almalı?

Tek bir "geçer puan" yoktur; önemli olan hedeflediğiniz seviyedeki kriterleri karşılamak ve kritik akışlarda bloke edici hata bırakmamaktır. Otomatik araç puanları yanıltıcıdır, manuel test sonuçlarıyla birlikte değerlendirin.

Erişilebilirlik düzeltmeleri SEO sıralamamı etkiler mi?

Doğrudan sıralama garantisi vermez ama semantik HTML, alternatif metin ve başlık hiyerarşisi taramayı ve bağlamı güçlendirir. Dönüşüm tarafında etki daha nettir: daha az terk, daha geniş erişim.

Erişilebilirlik bir uyumluluk kontrolü değil, sürekli bir alışkanlıktır. Bugün yapacağınız bir kontrast düzeltmesi veya eksik form etiketi, yarın sitenizi kullanamayan bir kullanıcıyı kazanmanızı sağlar. Denetime küçük bir kapsamla başlayın, bulguları ekibinize paylaşın ve ilk düzeltmeleri bu hafta yayına alın; geri kalanı zaten bir yol haritasına dönüşecektir.