it-swarm-tr.com

Web siteme erişilebilir olmasını sağlamak için izlemem gereken asgari adımlar nelerdir?

Yakın zamana kadar göz ardı ettiğimi itiraf etmem gereken çok önemli bir standarda uymaya çalışıyorum. Sayfalarıma engelli kişilerin büyük bir kısmının erişebildiğinden emin olmak istiyorum. Ağırlıklı olarak metin ve resim yoğun olan ancak video/flaş veya herhangi bir animasyon içermeyen derslere odaklanıyorum.

Web sitemi kullanırken birçok engelli insanın iyi bir deneyim yaşamasını sağlamak için izleyebileceğim bir kontrol listesi nedir ve en çok hangi bilinçliliğe dikkat etmeliyim?

Herkesi memnun edemeyeceğimi biliyorum. W3C rules 'dan geçtim, ancak hangi standartların benim için geçerli olduğundan tam olarak emin değilim. Web uygulamaları inşa etmiyorum, çoğunlukla bilgi alışverişi, blog ve ara sıra forum gibi wiki yapıyorum.

35
Tim Post
  • Her görüntünün alt metni olduğundan emin olun.
  • Renk düzeninizin renk körlüğü olanlar için uygun olduğundan emin olun.
  • Görme engelliler için yüksek kontrast düzeni veya büyük metin düzeni sunun.
  • Bağlamların bağlam dışında okunduğu zaman anlamlı olduğundan emin olun (yani, "buraya tıkla" yazmayın).
  • Kullanıcının JavaScript desteği yoksa, sitenizin hala tüm temel işlevleri sunmasını sağlayın.

W3 erişilebilirlik hakkında bazı temel ipuçları sunar web sitesi aracılığıyla . Joe Clark'ın "Erişilebilir Web Siteleri Kurmak" kitabının çevrimiçi bir sürümü vardır.

18
Wolfwyrd

İşaretlemenizi anlamsal kılmak, sitenize herhangi bir CSS uygulanmadan gezilebiliyorsa ve içerik mantıklıysa, her şey sadece görsel sostur!

8
Toby

Öncelikle “engelliler” hiçbir şey ifade etmiyor!

Bu nedenle, kontrol etmeniz gereken bazı insan gruplarına bakıp web siteniz olabilir.

Sadece küçük ekranlı bir not defteri olan fakir bir insan

Web sitenizin tarayıcı penceresi çok küçük bir ağrı olmadan eşleşiyorsa kullanılabileceğini kontrol etmeniz yeterlidir.

Bir renk kör insan

Birisi web sitenizi, simgelerin rengini vb. Görmeden kullanabilir mi, görüntülemiş olabilirsiniz.

Zayıf siteye sahip bir kişi.

Tarayıcınızdaki yazım boyutunu değiştirdiğinizde, sitenizdeki tüm metinler büyür ve düzen yine de iyi olur. Ayrıca site hala küçük bir monitörde kullanılabilir mi?

Siteniz yüksek kontrast düzenini kullanıyor mu, kullanıcının yüksek kontrast düzenine geçmesi kolay değilse;

Fareyi kullanamayan bir kişi

Web sitenizi daha önce hiç kullanmayan bir kişi, klavyeyi kullanarak tüm işlevlere/bilgilere erişebilir mi? (Sekme tuşu yararlı bir şekilde çalışıyor mu?)

Zayıf okuma becerisine sahip biri

Mümkün olduğunca basit İngilizce mi kullanıyorsunuz?

Yeni şeyler öğrenmede iyi olmayan biri.

Sitenizin tasarımı, kullanıcılarınızın nasıl kullanılacağını zaten bildiği diğer sitelere dayanıyor mu?

Kör bir insan.

Bu zor olanıdır ve okuduklarınızın çoğu eşleşme kullanımı değildir!
Öncelikle diğer erişim problemlerimizi kısaltın, görme sorunu olan veya fareyi kullanamayan insanlardan çok daha fazla kişi kullanamadığı için.

Sonraki amaçlarınızı anlayın, örneğin siteniz bir otel rezervasyon sitesiyse, rezervasyon yaptırmak için ücretli bir telefon numarası sağlamak ve ardından otel bilgilerini erişilebilir kılmak daha iyi olabilir.

Görme engelli kişilerin çoğu, daha önce kullanmadıkları etkileşimli web sitelerini kullanmayı çok zor buluyor ancak bu web sitesi iyi tasarlanmış.

Öyleyse, hiçbir web seçeneği sunmamalısınız? (Telefon? Formu doldurmada yardımcı olmak için onları ziyaret eden kişi vb.)

Öncelikle siteniz hiçbir resim olmadan kullanılabilir mi? (Alt metin bunu yapmanın bir yoludur)

Konuşma yazılımı siteyi yukarıdan aşağıya okursa siteniz bu şekilde anlaşılabilir mi?

Bağlantılı bir kişinin kullanması için karmaşık gezinti içeren bir siteyi kolaylaştırmak çok zordur, aynı zamanda bağlanan bir kişi de sayfanın bir kısmının JavaScript tarafından güncellendiğini ve yeniden okunması gerektiğini bilmenin hiçbir yolu yoktur.

Durum değişiklikleri için öğelerin rengini değiştirmek de iyi bir seçenek değildir.

Bir web sitesinin nasıl bağlanabileceğini öğrenmenin tek yolu, insanlara nasıl bağlanacağını öğrenmenin tek yolu, bir insanın bazı web sitelerinde ekran okuyucuyu nasıl kullandığını görmektir. Standartların hiçbiri yeterince iyi değil, sadece ne yapmamanız gerektiğini söylüyorlar, ancak bunları tutmak yeterli değil (bir haber sitesi gibi statik metinler sağlanmadığı sürece).

7
Ian Ringrose

Uyumluluğa hızlı bir genel bakış için bu siteyi kullanabilirsiniz: http://wave.webaim.org/

Birkaç yıl önce kapatılan eski "Bobby" sistemine benzer bir iş yapıyor.

4
Mark Hatton

Hollanda hükümeti bu siteyi erişilebilirlik konusunda sitelerini test etmek için kullanır. bir göz atın ... siteye girebilirliğini erişilebilirliğini test etmek için de girebilirsiniz ...

http://www.webrichtlijnen.nl/english/

3
Rickjaah

Mark Pilgrim'in ücretsiz olarak indirilebilir kitabını Accesibility içine dalın bu temanın yararlı bir referans noktası olarak buldum. 2002'den geliyor ama yine de çok uygun. "Zarif bozulma kullanın" gibi tavsiyeler yaşlanmaz.

2
Ian Mackinnon

WAI-ARIA, erişilebilirlik cephaneliğimizin bir eki olabileceğini düşünüyor.

WAI-ARIA hakkında bazı bilgiler - http://www.alistapart.com/articles/waiaria

2
DBUK

# 1 cevabı basittir: geçerli, anlamsal olarak doğru HTML/CSS yazın !!! Yukarıdaki önerilerin tümü iyi. İşte birkaç yıl önce yazdığım ve tüm sitelerde kontrol etmeniz gereken bazı şeyleri gösteren bir kontrol listesi: https://forge.iowa.gov/wiki/index.php/Web_Checklist . FF üzerinde Web Geliştirici araç çubuğuna sahip olduğunuzu varsayar, ancak bu ücretsiz ve kolayca elde edilebilir.

Birkaç basit şey hissettiğim şeyler gerçek bir fark yaratabilir:

Formlar için LABEL etiketini kullandığınızdan emin olun. Radyo düğmeleri gibi şeyler için daha büyük bir tıklanabilir alan yaratır ve aynı zamanda ekran okuyucular için bir araya getirir.

Sıklıkla yanlış kullanıldığını düşündüğüm bir diğer şey h1, h2, h3 ... etiketleri. Düzgün kullanılırsa, bunlar sayfanızda kolayca dolaşmanıza yardımcı olabilir. Onları sadece şekillendirir ve engebeli bir şekilde kullanırsak, ekran okuyucuları ve diğer faresiz I/O cihazları için çok yanıltıcı olur.

Ayrıca, tüm güzel CSS'niz ve resimleriniz olmadan sayfanızı dolaşan birisinin içeriğe tekrarlayan kodu geçmiş olarak atlamasına izin vermek güzeldir. Bu genellikle CSS'de gizlenmiş bir SKIP bağlantısı kullanılarak elde edilir. Örneğin, uzun bir navigasyonun atlanmasına izin vermek için <a href="#skipnav" class="noshow">Skip past navigation to content.</a>.

Tony tarafından belirtildiği gibi, en iyi testlerden biri, sayfanızın tüm çan ve ıslıklarını söküp hala mantıklı olup olmadığını görmek.

1
ph33nyx

Bu siteyi kullanmanız gerektiğini düşünüyorum http://www.totalvalidator.com veya mevcut firefox eklentisi. Birkaç sakatlık doğrulaması var ve eksik olan her şeyi işaretleyecektir.

1
user1270