Web Tasarım ve UI/UX
Web erişilebilirlik testi için WCAG uyumlu pratik rehber
Web erişilebilirlik testi; klavye, ekran okuyucu, kontrast ve form akışlarını kontrol ederek bir sitenin gerçekten kullanılabilir olup olmadığını gösterir.
Yayınlandı: 1 Ağustos 2026 · Güncellendi: 1 Ağustos 2026
Web erişilebilirlik testi nedir?
Web erişilebilirlik testi, bir web sitesinin farklı kullanıcılar tarafından ne kadar rahat kullanılabildiğini kontrol etme sürecidir. Amaç yalnızca teknik hataları bulmak değil; sitenin klavye ile gezilip gezilemediğini, ekran okuyucu ile anlaşılabilir olup olmadığını ve içerik akışının farklı ihtiyaçlara uyup uymadığını görmektir. Bu yüzden erişilebilirlik, tasarımın son adımı değil, baştan planlanması gereken bir kalite kriteridir.
WCAG yaklaşımı da tam olarak bunu hedefler: içerik, bileşenler ve etkileşimler herkes için algılanabilir, kullanılabilir, anlaşılabilir ve sağlam olmalıdır. Otomatik araçlar bazı sorunları işaret eder; ancak gerçek kullanım deneyimi, manuel test ve yardımcı teknoloji kontrolleri olmadan net biçimde değerlendirilemez. Bu nedenle web erişilebilirlik testi, denetim ve iyileştirme sürecinin birlikte düşünülmesini gerektirir.
Kaynaklara göre otomatik kontrol ile insan testi birbirini tamamlar. Dijital tarama teknik sorunları gösterirken, insan testi ekran okuyucu okuması, odak sırası, görev tamamlama ve akış mantığı gibi kullanım tarafındaki sorunları görünür kılar. Özellikle karmaşık formlar, ödeme adımları ve kurumsal arayüzler için bu ayrım kritiktir. Bu noktada profesyonel web tasarımı ve erişilebilirlik danışmanlığı aynı süreçte ele alınmalıdır.
Öne çıkanlar
Test öncesi kontrol edilmesi gereken temel alanlar
Bir siteyi erişilebilirlik açısından değerlendirirken ilk bakılacak alanlar nettir. Başlık yapısı, form alanları, bağlantıların açıklayıcılığı, görsellerin alternatif metinleri, renk kullanımı ve odak göstergeleri temel kontrol noktalarıdır. Bunlar tamamlanmadan detaylı bir ekran okuyucu senaryosuna geçmek çoğu zaman verimsiz olur. Önce yapısal sorunları görmek, sonra akış testine ilerlemek gerekir. Bu aşamada hem tasarım hem içerik hem de geliştirme tarafı birlikte düşünülmelidir. Örneğin görsel olarak düzenli görünen bir arayüz, başlık hiyerarşisi bozuksa ekran okuyucu için karmaşık olabilir. Benzer şekilde kontrast iyi görünse bile butonun odak durumu belirsizse klavye kullanıcıları için deneyim eksik kalır. WCAG uyumu, bu parçaların birlikte çalışmasına bağlıdır. TÜBİTAK’ın erişilebilirlik rehberi de kullanılabilirlik ile erişilebilirliğin birlikte ele alınması gerektiğini vurgular. Bu nedenle web erişilebilirlik testi, sadece son kontrolde yapılan bir denetim değil; tasarım sistemi ve içerik kararlarının doğrulanmasıdır. Ekran, form ve gezinme mantığı buna göre şekillenmelidir. Tasarım dili sade, tutarlı ve anlaşılır olmalıdır.
Başlık hiyerarşisi
H1, H2 ve alt başlıklar içerik akışını anlatmalı; görsel büyüklük tek başına anlam taşımamalıdır.
Form etiketleri
Girdi alanlarının etiketleri görünür ve açıklayıcı olmalı; hata mesajları ne yapılacağını açıkça söylemelidir.
Alternatif metinler
Görseller yalnızca süs değil bilgi taşıyorsa uygun alt metinle desteklenmelidir.
Odak görünürlüğü
Klavye ile gezinirken aktif öğe net şekilde görünmeli; kullanıcı nerede olduğunu kaybetmemelidir.
Uygulama süreci
Klavye ile gezinme testi nasıl yapılır?
İlk manuel adım, fare kullanmadan sayfada dolaşmaktır. Sekme tuşu ile menü, bağlantı, buton ve form alanları arasında ilerlenir. Burada amaç, tüm etkileşimlerin erişilebilir sırada olup olmadığını görmek ve kullanıcıyı sıkıştıran odak tuzaklarını fark etmektir. Açılır menüler, modal pencereler ve çok adımlı formlar özellikle dikkat gerektirir. Çünkü karmaşık bileşenler klavye ile kolay bozulur. Klavye testinde yalnızca erişim değil, kontrol de ölçülür. Kullanıcı menüyü açabiliyor mu, seçimi kapatabiliyor mu, modal içinden çıkabiliyor mu, formda geri gidebiliyor mu? Bu soruların her biri farklı bir kullanım engelini görünür hale getirir. İyi bir arayüz, yalnızca tıklanabilir değil, aynı zamanda klavye ile yönetilebilir olmalıdır. Bu, erişilebilir tasarımın temel beklentisidir. Bu adımda bulunan sorunlar çoğu zaman tasarım sistemi ve bileşen mantığıyla ilişkilidir. Örneğin buton gibi görünen fakat gerçek düğme olmayan öğeler, odak sırası bozuk menüler veya görünmeyen klavye kısayolları akışı zorlaştırır. Profesyonel bir UI/UX ve geliştirme süreci, bu problemleri daha kod yazılırken azaltır. İlgili revizyonlar için kurumsal web tasarımı ve web uygulama geliştirme yaklaşımları birlikte ele alınabilir.
- 01
Sekme sırası
Kullanıcı mantıklı bir sırayla ilerlemeli; görsel yerleşim ile klavye akışı çelişmemelidir.
- 02
Odak tuzakları
Kullanıcı, modal veya menü içinde kilitlenmemeli; güvenli biçimde çıkış yapabilmelidir.
Ekran okuyucu testinde neye bakılır?
Ekran okuyucu testinin amacı, sayfanın görsel düzeni yerine anlamsal yapısının doğru okunup okunmadığını anlamaktır. Başlıklar doğru sırada mı? Bağlantılar ne yaptığını söylüyor mu? Form alanları etiketlenmiş mi? Canlı bölge bildirimleri anlamlı mı? Bu sorular, görsel arayüzün arkasındaki yapıyı ortaya çıkarır. Bir kullanıcı ekranı görmese de, içerik mantığını takip edebilmelidir.
Bu testte yalnız NVDA, JAWS, VoiceOver ya da TalkBack gibi araçlar değil; aynı zamanda içerik yazımı ve bileşen kurgusu da değerlendirilir. Fazla genel bağlantı adları, eksik etiketler, anlamsız ikon düğmeleri ve dinamik içerik güncellemeleri burada hızla sorun oluşturur. Erişilebilir bir arayüz, ekrana bakan herkes için anlaşılır olmak zorundadır. Özellikle kurumsal ve işlem odaklı ekranlarda bu beklenti daha da yükselir.
İnsan testi yaklaşımında ekran okuyucu denetimi tek başına yeterli kabul edilmez; klavye, görsel ve bilişsel kontrollerle birlikte düşünülür. Bu nedenle profesyonel denetim, manuel test ile tasarım revizyonunu bir araya getirir. Gerekli görüldüğünde özel yazılım geliştirme veya web uygulama geliştirme ekipleriyle birlikte çözüm üretilmelidir. Böylece sorunlar yalnız tespit edilmez, kalıcı biçimde giderilir.
Kontrol listesi
Renk kontrastı ve görsel okunabilirlik kontrol listesi
Bir sayfa estetik olarak güçlü görünse bile, metin ve arka plan arasındaki kontrast yetersizse okunabilirlik düşer. Özellikle küçük metinler, ikincil butonlar, linkler ve durum mesajları bu açıdan kontrol edilmelidir. Renk tek başına bilgi taşıyorsa, örneğin hata durumunu yalnızca kırmızıyla anlatıyorsa erişilebilirlik zayıflar. Bilginin birden fazla yolla aktarılması gerekir. Kontrast testi, markanın görsel dilini bozmak zorunda değildir. Tasarım sistemi içinde uygun tonlar ve yardımcı göstergelerle hem kurumsal kimlik korunur hem de kullanım kolaylaşır. Burada amaç salt siyah-beyaz bir dünya kurmak değil; yeterli ayrım, okunabilirlik ve tutarlılık sağlamaktır. Erişilebilirlik, görsel kaliteyle çelişen bir konu değildir; çoğu zaman onu güçlendirir. Bu kontrol listesini tasarım dosyasında ve canlı önizlemede birlikte değerlendirmek gerekir. Bazı sorunlar yalnızca gerçek ekran boyutunda, ışık altında veya yakınlaştırma sonrası fark edilir. Bu yüzden görsel kararlar, masaüstü ve mobil görünümde ayrı ayrı gözden geçirilmelidir. Özellikle e-ticaret ve içerik yoğun sitelerde bu denetim önem kazanır. Gerekirse e-ticaret yazılımı geliştirme sürecine erişilebilirlik kriterleri baştan eklenmelidir.
- ✓
Metin ve arka plan kontrastı
Ana metinler ile arka planın ayrımı yeterli olmalı; düşük kontrastlı açıklamalar iyileştirilmelidir.
- ✓
Yalnız renge bağlı anlatım
Hata, başarı veya uyarı durumları yalnız renkle değil ikon, metin ve yapı ile desteklenmelidir.
Karşılaştırma
Otomatik test ile insan testi arasındaki fark
Teknik tarama odaklıdır!aa11bB
hızlı ön kontrol sağlar!cC22dD
Kullanım deneyimini açığa çıkarır!eE33fF
gerçek senaryoyu ölçer!gG44hH5
En verimli sıra budur!iI55jJ6kK
revizyonu kolaylaştırır!lL77mM8
Kontrol listesi
Canlı bir web sitesi için hızlı erişilebilirlik kontrol listesi
Aşağıdaki kontrol listesi, bir web sitesinin ilk erişilebilirlik değerlendirmesi için pratik bir başlangıç sağlar. Bu liste kapsamlı bir denetimin yerini tutmaz; ancak sorunları önceliklendirmek için oldukça kullanışlıdır. Önce en temel kullanım engellerini düzeltmek, sonra daha ince ayrıntılara geçmek en doğru yaklaşımdır. Özellikle yeni tasarım yayınlarında bu kontrol, yaygın hataları erken yakalar. Kontrol sırasında sayfayı yalnızca masaüstünde değil, yakınlaştırılmış görünümde ve mümkünse ekran okuyucu ile de inceleyin. Form gönderme, menü açma, sayfa içinde gezinme ve hata mesajı görme gibi görevleri gerçek bir kullanıcı akışı gibi deneyin. Testin sonunda bulguları önem sırasına göre gruplamak, geliştirme ekibinin işi kolaylaştırır. İyi bir erişilebilirlik süreci, teknik ve tasarım ekipleri arasında ortak dil kurar. Bu tür denetimler, kurumsal web sitesi, web uygulaması ve e-ticaret projelerinde farklı derinlikte yürütülebilir. İhtiyaca göre kurumsal web uygulama geliştirme, e-ticaret yazılımı geliştirme veya dijital ürün tasarımı hizmetleri ile birlikte planlanabilir. Böylece erişilebilirlik kontrolü, tek bir sayfa düzeltmesi olmaktan çıkıp sürdürülebilir bir ürün standardına dönüşür.
- ✓
Klavye ile tamamlanabilen akışlar
Ana görevler yalnız klavye kullanarak yapılabiliyor mu?
- ✓
Anlamlı alternatif metinler
Bilgi taşıyan görseller uygun metinle destekleniyor mu?
- ✓
Açık ve okunur hata mesajları
Hata mesajı neyin düzeltilmesi gerektiğini söylüyor mu?
Keşfetmeye devam et
İlgili içerik ve hizmetler
Konuyu tamamlayan Bikare içeriklerine göz atın.
