11 Erişilebilirlik İpucu
Web sitesi geliştirirken siteyi daha erişilebilir kılmak için basit yollar ararız. Aşağıda tüm web geliştiricilerin uygulaması önerilen (ben dahil) erişilebilirlik ipuçlarını bulabilirsiniz.
1. Belge yapınızı kurun, CSS olmadan da okunabilsin
En önemli ipucu. Belge yapınızı kurarken oldukça dikkatli davranın. İçerik bölümlerini tanımlamak için başlıklar kullanın, listeler ekleyin ve sayfanızın mantıksal akışa uygun olmasını sağlayın. CSS'in bunu sizin için yapması kolaylığına bel bağlamayın.
2. Bağlantıları ayırın
Birbirini takip eden bağlantılarda (link) sadece bir boşluk karakteri dışında ayraçlar kullanın. Ekran okuyucu programlar iki (ya da daha fazla) birbirini takip eden bağlantıyı tek olarak yorumlayabiliyor.
3. Açıklayıcı bağlantılar
İçeriği okurken mantıklı bağlantı isimleri verdiğinizden emin olan. Örneğin, "Burayı Tıklayın" yerine "Devamını okumak için tıklayın..." daha açıklayıcıdır.
4. "İçeriğe Atla" bağlantısını ekleyin
Kullanıcıların, tekrar eden navigasyon bağlantılarından kurtulabilmesini sağlayın. Sitenizin üstünde her sayfada tekrar eden bir navigasyon bağlantınız varsa, kullanıcılarınız içeriğe geçmek için sayfayı kaydırmak zorundadır. Bu durum sadece ekran okuyucu programlar değil normal tarayıcılar ve mobil tarayıcılar için de geçerlidir.
5. Metin olmayan içerik için metin karşılığı belirleyin
Sayfanızdaki grafiklerin açıklamaları için ALT özelliğini kullanabilirsiniz. Daha uzun açıklamalar için ise LONGDESC özelliğini kullanabilirsiniz. Açıklaması olmayan grafikler içinse boş da olsa ALT özelliğini kullanın (alt = "").
6. Resimli bağlantılar
Yukarıdakiyle ilgili olarak, bağlantılar için sadece grafik kullanırken oldukça dikkatli olun. Metin karşılığı yoksa, ekran okuyucular bağlantıyı göstermezler. ALT özelliğini kullanarak ekran okuyucuların bağlantıyı göstermesini sağlayabilirsiniz.
7. Tablolar
Satır ve sütun başlıklarını tanımlayın. Başlıklar için TH etiketini klasik TD etiketi yerine kullanarak alternatif biçimlendirme sağlayabilrsiniz. CAPTION elementini kullanarak da tabloyu açıklayıcı bilgiler yazabilirsiniz. CAPTION elementi yerine TITLE kullanarak da içeriği birkaç sözcükle tanımlayabilirsiniz. Tablonun amacını açıklamak içinse SUMMARY elementini kullanabilirsiniz, özellikle görsel olmayan tarayıcılar için iyidir.
8. İstemci taraflı programlama
Web sayfanızın scriptler kapalıyken de düzgün çalıştığından emin olun. Eğer alternatif bir yöntem de sunmuyorsanız, gezinme ve içerik görüntülemesi için janjanlı JavaScript'lere güvenmeyin.
9. Renk
Renk kullanarak sunduğunuz içeriğin o renkler olmasa da sunulduğundan emin olun. Aksi halde renk körü kullanıcılar için içeriğiniz olmayacaktır.
10. Erişilebilir sayfanıza bağlantı
Mevcut sayfanın erişilebilir olmasını sağlayamıyorsanız, erişilebilir bir sayfa yapın ve normal sayfadan bağlantı verin.
11. Doğrulayın
Belgenizi hatalara karşı standart servislere onaylatın.
Not: Bu yazı 19 Mart 2008 tarihinde http://www.cssglobe.com/post/1438/11-accessibility-tips adresinde Alen Grakalictarafından İngilizce olarak yayınlanmıştır.