Erişilebilirlik; az gören, fare kullanamayan, ekran okuyucu kullanan, eli titreyen ya da parlak güneşte telefon kullanan insanların sitenden yararlanabilmesidir. Net siteler herkes için kolay olduğundan arama görünürlüğüne ve dönüşüme de katkı yapar.
Başlamak için WCAG'nin tamamına hâkim olman gerekmez. Bu temeller en sık görülen sorunları kapsar ve her birini kendin birkaç dakikada doğrulayabilirsin.
Erişilebilirlik dört alışkanlıkla başlar: güçlü renk kontrastı, tam klavye kullanımı, görseller için anlamlı alt metin ve okunaklı, doğru yönlü yazı. Engelli kullanıcılara olduğu kadar herkese yarar.
Kontrast ve okunabilir yazı
Beyaz üzerinde açık gri yazı şık görünür ama birçok kişi için okunmaz. WCAG AA, normal metin için en az 4,5'e 1, büyük metin için 3'e 1 kontrast oranı ister. Ücretsiz kontrast denetleyicilerine iki renk yapıştırıp oranı görebilirsin.
- Gövde metni en az 16 piksel olsun ve satır aralığı rahat olsun.
- Yalnızca renge güvenme; hata için kırmızıya bir simge veya kelime ekle.
- Yakınlaştırmaya izin ver; iki parmakla yakınlaştırmayı kapatma.
Klavye ve odak
Sitende Tab tuşuna bas. Her bağlantıya, düğmeye ve alana mantıklı sırayla ulaşabiliyor musun, nerede olduğunu hep görebiliyor musun? Görünür bir odak çerçevesi şarttır. Menüler, açılır pencereler ve slaytlar Enter, Boşluk ve Esc ile de çalışmalıdır.
Alt metin, etiketler ve yapı
Anlam taşıyan her görsel, ne gösterdiğini ya da ne yaptığını kısaca anlatmalı; süs görsellerinde alt metin boş bırakılır ki ekran okuyucu atlasın. Her form alanında yalnızca ipucu metni değil, görünür bir etiket olsun. Gerçek başlıkları sırayla kullan ve “buraya tıkla” yerine ne yaptığını söyleyen düğmeler yaz.
Sağdan sola yazılan diller
Sitenin Arapça veya Urduca sürümü varsa sayfa yönünü RTL, dil niteliğini doğru ayarla ki ekran okuyucu doğru sesi seçsin. Yerleşimi ve ok gibi yönlü simgeleri aynala; logoları, telefon numaralarını ve video kontrollerini olduğu gibi bırak. Yazı sistemi için tasarlanmış bir yazı tipi kullan.
Sohbette iste
Uttra ile bu iyileştirmeleri sade bir dille isteyebilirsin. Bir komut:
“Sitemin erişilebilirliğini iyileştir: metin kontrastını WCAG AA düzeyine çıkar, görünür odak çerçevesi ekle, her görsele anlamlı alt metin yaz, tüm form alanlarına etiket koy, menüyü klavyeyle çalışır yap ve Arapça RTL sürümün doğru aynalandığından emin ol.”
Sonra yalnızca Tab ile, yüzde 200 yakınlaştırmada ve ücretsiz bir ekran okuyucuyla kendin dene. Otomatik araçlar sorunların yalnızca bir kısmını yakalar.