WordPress erişilebilirlik, sitenin yalnızca engelli kullanıcılar için değil; klavye kullanan, küçük ekrana bakan, bağlantısı yavaş olan veya geçici bir kısıt yaşayan herkes için daha kullanılabilir olmasıdır. Erişilebilir tasarım aynı zamanda daha açık içerik ve daha sağlam kullanıcı deneyimi üretir.
1. Başlık sırasını koruyun
Sayfada tek ve açıklayıcı bir ana başlık kullanın. Alt bölümleri H2, onların alt konularını H3 ile yapılandırın. Başlık seviyelerini yalnızca yazı boyutu için atlamayın. Bu yapı ekran okuyucuların ve arama motorlarının içeriği anlamasını kolaylaştırır.
2. Klavye ile gezinmeyi test edin
Fareyi bırakıp Tab, Shift+Tab, Enter ve Escape tuşlarıyla siteyi kullanın. Menü, modal, form, sepet ve hesap alanlarına erişilebilmelidir. Odak göstergesi görünür olmalı; kullanıcı hangi öğede bulunduğunu anlayabilmelidir.
3. Renk kontrastını ölçün
Açık gri metinler şık görünebilir fakat okunması zor olabilir. Metin ve arka plan kontrastını WebAIM Contrast Checker gibi bir araçla ölçün. Bilgiyi yalnızca renkle aktarmayın; hata mesajında ikon veya metin de kullanın.
4. Görsellere doğru alternatif metin yazın
İçerik taşıyan görselleri kısa ve bağlama uygun biçimde açıklayın. Dekoratif görsellerde boş alt metni kullanın. Aynı bilgiyi çevredeki metin zaten veriyorsa gereksiz tekrar yapmayın. “Görsel” veya “fotoğraf” kelimesi çoğu durumda gerekmez.
5. Form etiketlerini görünür tutun
Placeholder, kalıcı alan etiketinin yerine geçmez. Her alanın açık bir etiketi, anlaşılır hata mesajı ve zorunluluk bilgisi olmalıdır. Hata oluştuğunda odak doğru alana taşınmalı ve çözüm açıklanmalıdır.
6. Bağlantı metinlerini anlamlı yazın
“Buraya tıklayın” yerine “WordPress tema kataloğunu inceleyin” gibi hedefi açıklayan metin kullanın. Aynı sayfada birbirinden farklı hedeflere giden aynı belirsiz bağlantılar ekran okuyucu kullanıcılarını zorlar.
7. Hareket ve animasyonu sınırlayın
Otomatik kayan slider’lar, sürekli animasyonlar ve parlayan öğeler dikkat dağıtabilir. Kullanıcının azaltılmış hareket tercihini destekleyin. Otomatik başlayan içerik varsa durdurma kontrolü sunun.
8. Mobil yakınlaştırmayı engellemeyin
Kullanıcıların sayfayı büyütmesine izin verin. Metin yüzde 200 büyütüldüğünde içerik kaybolmamalı, yatay kaydırma zorunlu olmamalı ve butonlar üst üste binmemelidir.
9. Tema ve eklenti seçiminde erişilebilirliği sorgulayın
Resmi dizindeki Accessibility Ready etiketi yararlı bir başlangıçtır; yine de bitmiş site ayrıca test edilmelidir. Form, slider ve popup eklentilerinin klavye davranışını kontrol edin.
10. Otomatik ve manuel testleri birleştirin
Lighthouse ve axe gibi araçlar bazı hataları hızlı bulur, fakat her sorunu yakalayamaz. Klavye testi, ekran okuyucu denemesi, farklı yakınlaştırma seviyeleri ve gerçek kullanıcı geri bildirimi gereklidir.
Kısa yayın kontrolü
- Başlıklar mantıklı sırada mı?
- Odak göstergesi görünür mü?
- Kontrast yeterli mi?
- Görsellerin alt metni doğru mu?
- Formlar etikete ve anlaşılır hataya sahip mi?
- Mobilde büyütme ve dokunma alanları uygun mu?
Erişilebilirlik tek seferlik bir eklenti ayarı değildir. Yeni tema, içerik ve özelliklerle birlikte tekrar kontrol edilmesi gereken sürekli bir kalite sürecidir.