Web Sitesi Erişilebilirlik Testi: WCAG 2.2 Rehberi

Web Sitesi Erişilebilirlik Testi: WCAG 2.2 Rehberi

Bir web sitesi güzel görünebilir, hızlı açılabilir ve mobil cihazlara uyum sağlayabilir. Peki ziyaretçiler fare kullanmadan menüye ulaşabiliyor mu? Görme güçlüğü yaşayan biri formu doldurabiliyor mu? Web sitesi erişilebilirlik testi, bu soruları gerçek kullanım senaryolarıyla yanıtlar. Başlangıç için sayfayı yalnızca klavyeyle gezmek, metin kontrastını ölçmek, görsellerin alternatif açıklamalarını incelemek ve formları ekran okuyucuyla denemek gerekir. Kapsamlı değerlendirmede ise WCAG kriterleri esas alınır.

Web Sitesi Erişilebilirliği Nedir, Neden Önemlidir?

Dijital erişilebilirlik; içeriklerin görme, işitme, hareket veya bilişsel farklılıkları bulunan kişiler tarafından algılanabilmesi ve kullanılabilmesidir. Bu yaklaşım yalnızca engelli kullanıcıları değil, geçici sakatlık yaşayanları, yaşlıları ve farklı cihazlardan bağlanan ziyaretçileri de ilgilendirir. Anlaşılır bağlantılar ve formlar herkes için deneyimi iyileştirebilir. 2025 tarihli deneysel araştırma, bu özelliklerin engeli bulunmayan kullanıcıların bilişsel etkileşimiyle ilişkisini de incelemiştir.

Erişilebilirlik, arama motoru optimizasyonuyla bazı ortak uygulamalara sahiptir: açıklayıcı başlıklar, anlamlı bağlantı metinleri ve doğru HTML yapısı gibi. Ancak WCAG uyumluluğu tek başına Google sıralama garantisi vermez. Temel amaç, ziyaretçinin bilgiye ve işlemlere engelle karşılaşmadan ulaşmasıdır.

WCAG 2.2 Nedir? Hangi Kriterler Kontrol Edilir?

WCAG, World Wide Web Consortium (W3C) tarafından geliştirilen Web İçeriği Erişilebilirlik Yönergeleri’dir. WCAG 2.2 standardı dört temel ilkeye dayanır: algılanabilirlik, kullanılabilirlik, anlaşılabilirlik ve sağlamlık. Başarı kriterleri A, AA ve AAA düzeylerinde sınıflandırılır. Birçok projede AA seviyesi hedeflenir; uygulanacak zorunluluklar ise kurumun faaliyet alanına ve ilgili mevzuata göre ayrıca değerlendirilmelidir.

Bu çerçeve yalnızca renk ve yazı boyutundan ibaret değildir. Klavye odağının görünmesi, sürükleme gerektiren işlemlere alternatif sunulması ve kimlik doğrulamanın erişilebilir olması da güncel kontrol alanlarındandır.

Testten Önce Hangi Sayfalar Seçilmeli?

Yalnızca ana sayfayı taramak yeterli değildir. Ana sayfa, hizmet sayfası, blog yazısı, iletişim formu, arama sonuçları ve varsa ödeme adımları gibi farklı şablonlar seçilmelidir. Açılır menü, çerez bildirimi ve hata mesajı gibi etkileşimli bileşenler de kapsama alınmalıdır.

W3C’nin WCAG-EM 2.0 değerlendirme metodolojisi; kapsamı belirlemeyi, ürünü incelemeyi, temsilî örnekler seçmeyi, test etmeyi ve bulguları raporlamayı önerir. Böylece izlenebilir bir iyileştirme süreci oluşur. Sayfa örneklemesi, 2025 tarihli bir araştırmada ayrıca ele alınmıştır.

1. Klavyeyle Gezinme ve Odak Sırasını İnceleyin

Fareyi bırakıp Tab, Shift+Tab, Enter ve Escape tuşlarıyla sayfayı deneyin. Menü, bağlantı, açılır pencere ve form alanlarına ulaşılabiliyor mu? Odak işareti açıkça görünüyor mu? Bir pencerede sıkışıp kalmak veya sıranın beklenmedik biçimde atlaması önemli bir erişilebilirlik problemidir. Sabit üst menülerin odaklanan öğeleri kapatmadığından da emin olun.

2. Renk Kontrastını ve Metin Büyütmeyi Kontrol Edin

WCAG 2.2 AA kapsamında normal metinler için genel kontrast eşiği 4,5:1, büyük metinler için 3:1’dir; istisnalar bulunur. Soluk gri yazılar ve görsel üzerine yerleştirilen açıklamalar özellikle incelenmelidir. Tarayıcıda metni yüzde 200 büyüttüğünüzde bilgi kaybı, üst üste binme veya çalışmayan buton oluşup oluşmadığını kontrol edin.

3. Görsellere Anlamlı Alternatif Metin Ekleyin

Ekran okuyucular, bilgilendirici görsellerin alt açıklamalarından yararlanır. Bir ürün fotoğrafı, grafiği veya işlevsel simge içerikteki görevine uygun tanımlanmalıdır. Yalnızca dekorasyon amacı taşıyan görsellerde boş alternatif metin kullanılabilir. Açıklamaya gereksiz anahtar kelime eklemek yerine, görselin kullanıcıya ne anlattığını düşünün.

4. Başlıkları, Bağlantıları ve Sayfa Dilini Denetleyin

Başlık seviyeleri içeriğin mantıksal yapısını yansıtmalı, bağlantılar ise tek başına okunduğunda anlaşılmalıdır. Sürekli “buraya tıklayın” yazmak yerine bağlantının hedefini belirtin. Sayfanın dil özelliğini doğru tanımlayın; birden fazla dil bulunan bölümlerde ekran okuyucunun telaffuzunu etkileyen dil değişimlerini değerlendirin.

5. Form Alanlarını ve Hata Mesajlarını Test Edin

İletişim ve teklif formlarını boş göndererek hata durumlarını inceleyin. Her alanın anlaşılır etiketi, gerekli yerlerde açıklaması ve anlaşılabilir hata mesajı olmalı. Sadece kırmızı çerçeveyle hata göstermek yeterli değildir. Bu kontroller, özellikle kurumsal web tasarım projelerinde kullanıcıların iletişime geçmesini zorlaştıran engelleri ortaya çıkarabilir.

6. Ekran Okuyucu ile Gerçek Görevleri Tamamlayın

Windows’ta NVDA, Apple cihazlarında VoiceOver gibi ekran okuyucularla menüden hizmet sayfasına gidin ve formu tamamlamayı deneyin. Buton adları anlaşılabiliyor mu? Açılan pencereler ve işlem sonrası mesajlar duyuruluyor mu? Testi yalnızca teknik terimlerle değil, kullanıcının görevi başarıyla tamamlayıp tamamlamadığıyla değerlendirin.

7. Mobil Kullanımı, Video ve Hareketli İçerikleri İnceleyin

Dokunmatik hedeflerin kolay seçilmesini, ekran döndürüldüğünde içeriğin korunmasını ve yatay kaydırma ihtiyacını kontrol edin. Konuyla ilgili mobil uyumlu web sitesi rehberimiz ekran düzeni bakımından tamamlayıcı bilgiler sunar. Videolarda gerekli altyazı ve alternatifleri, hareketli içeriklerde durdurma seçeneklerini gözden geçirin.

8. Otomatik Erişilebilirlik Araçlarını Karşılaştırın

WAVE, axe DevTools ve Lighthouse, yaygın teknik sorunları hızlıca belirlemeye yardımcı olabilir. Ancak hiçbir araç tek başına tam uyumluluk belgesi sağlamaz. Tampere Üniversitesinden araştırmacıların 2024 tarihli hakemli çalışması, otomatik denetim araçlarının bulduğu sorunların ve kapsadığı kriterlerin farklılaşabildiğini göstermektedir. Bu nedenle birden fazla araç ve manuel kontrol birlikte kullanılmalıdır.

9. Hataları Etkisine Göre Önceliklendirin

Önce kullanıcıların işlemi tamamlamasını engelleyen sorunları ele alın: açılamayan menü, erişilemeyen ödeme butonu veya etiketsiz zorunlu alan gibi. Ardından düşük kontrast, anlaşılmayan bağlantılar ve içerik yapısı sorunlarını giderin. Her bulguyu sayfa adresi, ilgili WCAG kriteri, tekrar üretme adımları ve çözüm durumu ile kaydedin.

10. Düzeltmeleri Yeniden Test Edin

Bir hatanın koddan kaldırılması, kullanıcı açısından düzeldiği anlamına gelmeyebilir. Önceki adımları tekrarlayın ve yeni sürümde başka bir engel oluşmadığından emin olun. Özellikle özel web yazılımı projelerinde açılır bileşenler, dinamik içerikler ve kullanıcı işlemleri her önemli güncellemeden sonra sınanmalıdır.

Ücretsiz WCAG Kontrolü İçin Nereden Başlanır?

İlk tarama için WAVE veya tarayıcının geliştirici araçları kullanılabilir. Ardından W3C’nin temel erişilebilirlik kontrol adımları ile klavye, görsel, form ve metin denetimleri tamamlanabilir. Bu ilk değerlendirme bir başlangıçtır; kapsamlı uygunluk değerlendirmesi yerine geçmez.

Sıkça Sorulan Sorular

WCAG testi ücretsiz yapılabilir mi?
Evet. Ücretsiz tarayıcı araçları ve manuel denetimler başlangıç için yeterlidir. Kapsamlı raporlama ise uzmanlık ve daha geniş test gerektirebilir.

Lighthouse puanı yüksekse site erişilebilir midir?
Hayır. Yüksek puan, bütün başarı kriterlerinin karşılandığını veya gerçek kullanıcıların sorun yaşamadığını kanıtlamaz.

WCAG 2.2 AA bütün siteler için zorunlu mu?
Tek bir evrensel zorunluluk yoktur. Sektör, ülke ve hizmet türüne göre geçerli düzenlemeler ayrıca incelenmelidir.

WordPress sitelerinde de erişilebilirlik testi gerekir mi?
Evet. Tema, eklenti, form, içerik ve sonradan eklenen kodlar erişilebilirlik sorunlarına neden olabilir.

Testler ne zaman tekrarlanmalı?
Yeni şablon, eklenti, form veya önemli tasarım güncellemesinden sonra ilgili kullanıcı akışları yeniden sınanmalıdır.

Reform Bilişim ile Erişilebilir Dijital Deneyimler

Erişilebilirlik, tek seferlik bir kontrol listesinden çok tasarım ve geliştirme sürecinin parçasıdır. Reform Bilişim Teknolojileri ile mevcut sitenizin kullanıcı deneyimini veya yeni projenizin teknik ihtiyaçlarını değerlendirebilirsiniz. İlk görüşme ücretsizdir. İhtiyaçlarınızı paylaşmak için iletişim sayfamızdan bize ulaşabilirsiniz.