WAI web geliştiricileri için yönergeler tanımlar.
WAI - Web Erişilebilirlik Girişimi
TİÖ (W3C,1997) engelliler için web erişilebilir yapmak hakkında web geliştiricileri ve tasarımcıları, amaçlanan kurallar kümesidir.
Bu yönergelerin hedefi erişilebilirlik olduğunu, ancak aynı zamanda daha fazla tarayıcı (sesli tarayıcılar, cep telefonları, el cihazları) için ve zor ortamlarda (eller serbest, güçlü ışık, karanlığı çalışma daha fazla kullanıcıya internet içeriği mevcut olmasına yardımcı olacaktır, kötü görme, ağır gürültü).
Web siteniz TİÖ özelliklerden yoksun ise (good contrast, resizable text, images with descriptions) , engelli insanların bilgilere erişmek mümkün olmayacaktır.
sitenizin daha erişilebilir hale getirmek için nedenleri:
- Bu sizin itibar ve müşteri memnuniyetini artıracak
- Bu ziyaretçilerin sayınızı artıracak
- Bu ziyaretçilerinizin sitenizde daha uzun süre kalması sağlayacak
- O eski ekipman ile daha kullanışlı insanlar için sitenizi yapacak
Unutmayın "alt"
alt niteliği, bir görüntü için alternatif bir metin sağlamak için izin verir:
<img src="images/banana.jpg" alt="Banana">
Bazen bir web tarayıcısı görüntüleri göstermez. nedeni birçok biri olabilir:
- kullanıcı görüntülerin ekranı kapattığı
- tarayıcı görüntü ekranı olmadan mini bir tarayıcı
- Tarayıcı bir ses tarayıcı
Eğer kullanırsanız "alt" özelliğini, tarayıcıların çoğu en azından ekranı olacak (or read) "alt" metni.
Küçük Fontlarını Kullan etmeyin
Bazı web siteleri sadece küçük bir metin boyutu kullanın "squeeze" her sayfanın içine daha fazla metin veya sayfa daha yapmak "stylish" .
Yine, farklı ekipman, görüntüleme koşulları veya engelli ziyaretçiler metin okuma güçlükleri olabilir.
Metin boyutunu Sitenizi ziyaret her zaman büyütmek için ziyaretçilerinizin zorlamayın.
En iyi Mektubu ve satır aralığı seçti
Ekstra harf aralığı ile Metin kolay okunur.
azaltılmış harf aralığı ile Metin okumak zordur.
İyi ile Metin
satır aralığı
kolay okunur.
indirgenmiş ile Metin
satır aralığı
okumak zordur.
Fantezi Yazı Tipi kaçının
Normal yazı okumak kolaydır.
Italic fonts are not so easy to read.
Serif yazı tipleri okumak daha zordur.
Zayıf renk kontrastları kaçının
siyah arka plan üzerinde beyaz bir arka plan veya beyaz metin üzerine siyah metin görüntüleme engelli kişiler için en uygun ve kötü aletlerinde gösterim için.
Açık renk arka plan üzerinde gri metin fakir kontrast verebilir:
| Beyaz arka plan üzerinde Metin rengi #aaaaaa |
| Beyaz arka plan üzerinde Metin rengi # 666666 |
| Beyaz arka plan üzerinde Metin rengi # 333333 |
| Beyaz arka plan üzerinde Metin rengi # 000000 |
Karanlık bir arka plan üzerinde gri metin de fakir bir kontrast verebilir:
| Siyah arka plan üzerine Metin rengi # 666666 |
| Siyah arka plan üzerine Metin rengi #aaaaaa |
| Siyah arka plan üzerine Metin rengi #cccccc |
| Siyah arka plan üzerine Metin rengi #FFFFFF |
siyah ve kırmızı, siyah ve mavi, sarı ve yeşil gibi - - Bazı kombinasyonlar daima göz gerginlik:
| Kırmızı zemin üzerine siyah yazı |
| mavi bir arka plan üzerine siyah metin |
| yeşil zemin üzerine sarı metin |
Ve bazı kombinasyonlar kadar kötü değildir:
| gri bir arka plan üzerine siyah metin |
| Bir açık mavi üzerine siyah metin |
| Antik beyaz üzerine siyah metin |
| koyu mavi üzerine beyaz metin |
Daima Arka Plan Rengini
Çoğu web sayfaları farklı metin öğelerinin rengini kullanın. Hem başlıkları ve bağlantılar gövde metninden farklı bir renkte genellikle.
Bir web tasarımcısı olarak, ziyaretçilerin kendi varsayılan renk tercihlerini değiştirmek mümkün olduğu gerçeğinin farkında olmalıdır.
Web öğelerin renklerini tanımlarsanız (like header and links) , ayrıca arka plan rengini tanımlamak gerekir.
Eğer bir arka plan rengini tanımlamak yoksa, web sitesi (açık kırmızı kırmızı arka plan üzerine başlıklarını, ya da daha kötüsü, siyah bir arka plan üzerinde siyah metin gibi) renklerin bazı çok kötü kombinasyonu ile bitirmek olabilir.