Web Sitelerinin %94,8’i Temel Erişilebilirlikte Sınıfta Kalıyor — Sizinki de Onlardan mı?

“Web sitelerinin %94,8’i temel erişilebilirlikte başarısız” ifadesi çarpıcı gelebilir; ancak dijital erişilebilirlikte en sık görülen sorunlar aslında küçük (ve tekrar eden) hatalardan oluşur. Bu da şu anlama gelir: Siteniz iyi niyetle tasarlanmış olsa bile, kullanıcıların önemli bir kısmı için “kullanılamaz” hale gelmiş olabilir.

Bu yazıda, erişilebilirliğin ne olduğunu bir kez daha netleştirip (WCAG çerçevesinde), en yaygın hata örneklerini, hızlı bir öz değerlendirme listesini ve sürdürülebilir bir iyileştirme planını bulacaksınız.

%94,8 ne anlama geliyor? “Temel” erişilebilirlik nerede kırılıyor?

“Temel erişilebilirlik” genellikle WCAG’in en kritik başarı ölçütlerinin (özellikle Seviye A ve AA) karşılanmasıyla ilişkilidir. Başarısızlık; çoğu zaman ileri seviye ARIA tekniği değil, şu tür temel problemlerden kaynaklanır:

  • Form alanlarının etiketlenmemesi (label eksikliği)
  • Düşük renk kontrastı
  • Klavyeyle gezilemeyen menüler ve modallar
  • Görsellere alternatif metin (alt) eklenmemesi
  • Ekran okuyucular için yanlış başlık hiyerarşisi

Bu hatalar yalnızca görme engelli kullanıcıları etkilemez. Klavye kullananlar, düşük görme yaşayanlar, dikkat/öğrenme farklılıkları olanlar, geçici sakatlık yaşayanlar (ör. kırık kol) ve hatta güçlü ışıkta ekranı zor gören herkes etkilenir.

Uyumluluk mu, deneyim mi? İkisi de (ve iş sonuçları da)

Erişilebilirlik çoğu zaman “uyumluluk projesi” gibi ele alınır; oysa doğrudan dönüşüm oranlarına, müşteri memnuniyetine ve marka algısına etki eder. Bu yaklaşımın neden bir rekabet avantajı olduğunu daha geniş perspektifle ele alan yazı için Erişilebilirlik: Uyumluluk Kutucuğu Değil, Rekabet Avantajı içeriğine göz atabilirsiniz.

Ayrıca erişilebilirlik yatırımını savunmanız gerekiyorsa, ölçülebilir faydaları anlatmak için 2026’da Erişilebilirlik ROI’sini Kanıtlayıp Bütçeyi (ve İşinizi) Korumak rehberi, bütçe konuşmalarında işinize yarayacak bir çerçeve sunar.

Dizüstü bilgisayar kullanan bir kullanıcı ve ekranda erişilebilirlik kontrol listesi

Siteniz riskte mi? 10 maddelik hızlı kontrol

Aşağıdaki kontrol listesi, “sitem muhtemelen o %94,8’in içinde mi?” sorusuna hızlı bir ön yanıt verir. Hepsi “evet” olmalı; birden fazlası “hayır” ise, erişilebilirlik borcunuz birikiyor olabilir.

  • Klavyeyle gezinme: Fare kullanmadan menü, arama, form, açılır pencere (modal) dahil her yere ulaşabiliyor musunuz?
  • Odak göstergesi: Tab ile gezerken odak (focus) hangi öğede net görünüyor mu?
  • Form etiketleri: Her alanın görünür etiketi veya doğru bağlanmış bir label’ı var mı?
  • Hata mesajları: Form hataları yalnızca renkle mi anlatılıyor, yoksa metinsel olarak da açık mı?
  • Renk kontrastı: Metin–arka plan kontrastı okunabilir mi (özellikle küçük yazılarda)?
  • Başlık yapısı: Sayfada tek bir H1 var mı, başlıklar mantıklı sırada mı (H2, H3…)?
  • Alternatif metin: Anlam taşıyan görsellerin alt metni var mı; dekoratif görseller boş alt ile geçiliyor mu?
  • Link metinleri: “Buraya tıkla” yerine link tek başına anlamlı mı?
  • Dinamik içerik: Toast/uyarı, açılan panel gibi içerikler ekran okuyuculara uygun şekilde duyuruluyor mu?
  • PDF/indirilebilir içerik: Dosyalar da erişilebilir mi (etiketli PDF, doğru okuma sırası vb.)?

En yaygın 5 hata ve pratik düzeltme önerileri

1) Kontrast yetersizliği

Kontrast sorunu, özellikle buton metinlerinde, yer tutucu (placeholder) yazılarda ve ince fontlarda patlar. WCAG AA hedefi genellikle gövde metninde 4.5:1 kontrasttır (bazı istisnalarla). Çözüm: Tasarım sistemine kontrastı kanıtlanmış renk token’ları ekleyin; “hover/disabled” durumlarını da ölçün.

2) Klavye tuzağı (keyboard trap)

Modal açıldığında odak içeride kilitlenmiyor veya modal kapanınca odak doğru yere dönmüyorsa kullanıcı “sıkışır”. Çözüm: Odak yönetimi (focus management) standartları belirleyin; bileşen kütüphanesinde her modal/menü aynı davranışı göstersin.

3) Yanlış semantik ve ARIA aşırılığı

Her şeyi div ile yapmak, ekran okuyucuların sayfayı anlamasını zorlaştırır. Öte yandan gereksiz ARIA da hataları artırır. Çözüm: Önce doğru HTML (button, nav, main, label) kullanın; ARIA’yı gerçekten gerektiğinde ekleyin.

4) Formlarda etiket ve hata ilişkilendirmesi

Bir alanın ne istediği sadece placeholder ile anlatılıyorsa, ekran okuyucu kullanıcıları zorlanır. Hata mesajı alanla ilişkilendirilmiyorsa kullanıcı hatayı bulamaz. Çözüm: label-for/id bağını kurun, hata mesajlarını alanla ilişkilendirin, hata özetini sayfa üstünde sunun.

5) Görsellerde alt metin karmaşası

“image123.jpg” veya “logo” gibi alt metinler erişilebilirlik sağlamaz. Çözüm: Görselin işlevini anlatın. Dekoratif görsellerde alt boş bırakılmalı (alt="").

Dizüstü bilgisayar kullanan bir kullanıcı ve ekranda erişilebilirlik kontrol listesi

“Otomatik tarama yaptık, tamamız” yanılgısı

Otomatik taramalar değerli bir başlangıçtır; ancak tüm sorunları yakalayamaz. Klavye deneyimi, odak sırası, anlamlı link metni, dinamik bileşenlerin ekran okuyucu duyuruları gibi pek çok konu insan değerlendirmesi ve senaryo testi ister. Bu farkı netleştirmek için Tarama Tabanlı mı, Denetim Tabanlı mı? Otomatik Tarama Neden Sahte Uyum Hissi Yaratır yazısı iyi bir referanstır.

Yine de otomasyonun doğru kullanımı büyük kazanç sağlar: Corpowid (corpowid.ai) gibi platformlarla sitenizdeki tekrar eden hataları otomatik denetim ve izleme ile görünür kılıp, önceliklendirilmiş aksiyon listeleriyle ekiplerinizi daha hızlı harekete geçirebilirsiniz.

Sürdürülebilir erişilebilirlik: Proje değil, süreç

Bir defalık düzeltmeler, yeni içerik ve yeni özelliklerle hızla bozulur. Bu yüzden erişilebilirlik “yayına çıkmadan önce” değil, tasarımdan geliştirmeye, içerikten satın almaya kadar her role dağıtılmalıdır. Kurum içinde bunu nasıl yerleştirebileceğinizi anlatan Erişilebilirlik Kültürü Oluşturma: Her Role Yerleştirmek yaklaşımı, kalıcı başarı için güçlü bir temel sunar.

Pratik bir işletim modeli örneği:

  • Tasarım: Kontrast, odak, bileşen durumları (hover/focus/error) tasarım sistemine gömülür.
  • Geliştirme: Bileşen kütüphanesi erişilebilir “varsayılanlar” içerir; kod inceleme kontrol listesi kullanılır.
  • İçerik: Başlık hiyerarşisi, link metinleri, alt metinler için editoryal kurallar tanımlanır.
  • QA: Klavye ve ekran okuyucu senaryoları “kritik akış” testlerine eklenir.
  • Operasyon: İzleme ve periyodik denetimle regresyonlar yakalanır.

Bu döngüyü operasyonel hale getirmek için Corpowid (corpowid.ai), düzenli izleme, otomatik bulgu takibi ve erişilebilirlik beyanı (statement) yönetimi gibi parçaları tek bir çatı altında toplamayı kolaylaştırabilir.

Dizüstü bilgisayar kullanan bir kullanıcı ve ekranda erişilebilirlik kontrol listesi

Geleceğe hazır olun: Yeni arayüzler, yeni riskler

Erişilebilirlik yalnızca klasik web sayfası demek değil. Ajan tabanlı deneyimler, AR/VR arayüzleri ve IoT ekranları gibi yeni temas noktaları da “erişilebilir tasarım” sorumluluğunu büyütüyor. Bugünden hazırlık için Yönergeler Yetişmeden: Ajanlar, AR/VR ve IoT için Erişilebilir Tasarım yazısı, ürün stratejisi açısından ufuk açıcı olabilir.

Sonuç: %94,8’in dışında kalmak mümkün (ve sandığınızdan daha hızlı)

Temel erişilebilirlik hataları çoğu zaman “çok zor” olduğu için değil, “sahiplenilmediği ve izlenmediği” için kalıcılaşır. Bugün yapabileceğiniz en iyi başlangıç: kritik kullanıcı akışlarınızı (kayıt, satın alma, teklif alma, iletişim) klavye ve ekran okuyucu perspektifiyle test etmek ve bulguları WCAG’e göre önceliklendirmektir.

Eğer nereden başlayacağınız belirsizse, önce hızlı bir denetim + ölçülebilir bir iyileştirme planı çıkarın; sonra bunu izleme ve süreçlerle kalıcı hale getirin. Böylece “%94,8” istatistiği sizin için bir tehdit değil, iyileştirme fırsatına dönüşür.

Corpowid, Gartner tarafından tanınan bir platformdur.

Corpowid, dijital erişilebilirlik alanındaki yenilikçi yaklaşımı ve performansı nedeniyle dünyanın önde gelen araştırma ve danışmanlık şirketlerinden biri olan Gartner tarafından takdir edilmiştir. Bu rozetler, yapay zeka destekli ve kapsayıcı web deneyimleri oluşturma konusundaki kararlılığımızı yansıtmaktadır.

Corpowid hakkında sorularınız mı var?

Bizimle iletişime geçin.

Size en kısa sürede geri dönüş sağlayacağız.