Erişilebilir Web Siteleri için On İpucu
Erişilebilir tasarımlar oluşturmanın önemli olduğunu biliyoruz, ancak bir site hazırlarken kaçımız bunu gerçekten dikkate alıyor? Sitenizi herkes için erişilebilir hale getirmek için bazı basit ve etkili adımlar.
Tasarım Kaynaklarını Keşfedin
1. XHTML ve CSS'nizi doğrulayın
Kodunuzu doğrulamak genellikle sizi daha önce fark etmediğiniz sorunları keşfetmeye yönlendirebilir. Tarayıcınızda iyi görünen, ancak başkaları tarafından görüntülendiğinde sorunlara neden olabilecek, kapatılmamış ve yanlış yazılmış etiketler gibi şeyler. Kullanmanız gereken ana iki araç bir XHTML Doğrulayıcı ve bir CSS Doğrulayıcıdır.
2. Görüntüler için alternatif metin ekleyin
Herkesin tarayıcısında görüntüleri açık değildir ve birçok kişi görme sorunlarından muzdarip oldukları için metinden konuşmaya programları kullanır. alt özelliği aracılığıyla görüntüler için alternatif metin sağlamak, görüntülerin bir açıklamasına sahip olmasını ve ziyaretçiler tarafından anlaşılabilmesini sağlar. Ayrıca, arama motorları tarafından dizine eklendiğinde sitenize yardımcı olur.
3. Sitenizin JavaScript olmadan çalıştığından emin olun
Görüntülerde olduğu gibi, birçok kişi JavaScript kapalı olarak göz atıyor (yazma sırasında neredeyse% 6). Bu oldukça yüksek bir sayıdır ve web sitenizin JavaScript olmadan doğru şekilde çalışmasını sağlamaya değer. Buna çok fazla güvenmek, kitlenizdeki belirli insanları yabancılaştırabilir.
4. İçeriği ve biçimlendirmeyi ayırmak için CSS kullanın
Basamaklı Stil Sayfalarının kullanımını gösteren ve tanıtan bir web sitesi olarak, burada belirtilenleri görmek şaşırtıcı değildir. CSS kullanmak sayfalarınızın biçimlendirmesini temiz tutar ve tarayıcıların sayfaları daha yüksek kontrast ve daha kolay görüntülenmesi için kendi kurallarını ekleyebilmelerini sağlar.
5. Yüksek kontrastlı bir stil sayfası sağlayın
Neden web siteniz için rengi azaltan veya kaldıran ve her şeyi daha yüksek kontrast yapan ikinci bir stil sayfası yapmıyorsunuz. Görme zorluğu olan kullanıcıların web sitenizdeki içerikten faydalanabilmesi için bu stili sayfanın üst kısmına yakınlaştırmak için bağlantıyı yerleştirin.
6. Bağlantı metninin açıklayıcı olduğundan emin olun
Yalnızca "burayı tıklayın" veya "daha fazla bilgi" yazmak yerine bağlantılarınızı daha açıklayıcı hale getirin. Hepimiz zaman zaman bu tuzağa düşüyoruz, ancak anlamlı bir bağlantı çok daha kolay anlaşılabilir ve erişilebilirliği artırır.
7. Sayfalara "İçeriğe geç" bağlantıları ekleyin
Kullanıcıları web sitenizin her sayfasında tekrarlayan üstbilgiyi aşağı kaydırmak yerine, sayfanın aşağısındaki ana içeriğe geçmelerine olanak tanıyan bir bağlantı ekleyin. Bu, özellikle sayfadaki tüm bilgileri okuyan metinden konuşmaya tarayıcılarda zaman kazandırır.
8. Her formda etiket etiketi bulunduğundan emin olun
Formlarınızdaki girişlerin doğru şekilde etiketlenmesi, erişilebilir tarayıcılar tarafından daha kolay yorumlanabilmelerini ve doldurulabilmelerini sağlayacaktır.
9. Bağlantıları yeni bir pencerede açmayın
Yeni bir pencerede diğer web sitelerine bağlanmak cazip olsa da, gerçekten kötü bir uygulamadır. Herkes “Geri” düğmesinin nasıl kullanılacağını bilir, ancak pencereleri kapatma ve aynı anda birkaç web sitesini takip etme ihtiyacı ortaya çıktığında, birçok web kullanıcısı kafası karışabilir ve rahatsız olabilir.
10. Erişilebilirlik bildirimi yapın
Web sitenizin bir sayfasında bir ifade bulunması, kullanıcılara hangi erişilebilirlik özelliklerini sunduğunuzu gösterecek ve sitenizde nasıl kolayca gezinebileceklerini açıklayacaktır. Yüksek karşıtlık stil sayfanızı nasıl açacağınızı ve “İçeriğe atla” bağlantılarınızın nerede olduğunu açıklayın. İnsanlar bunu size açıklamak için minnettar olacaktır.
