Tota11y ile Web Sitesinin Erişilebilirliğini Görselleştirin ve Hata Ayıklayın

Yardımcı teknolojiler web tasarımı için yeni normlardır. Duyarlı tasarım bir kez yaygınlaştığında, daha fazla kullanıcıyı desteklemenin bir zorunluluk olduğu tasarımcılara hızlıca belli oldu.

Ama orada web erişilebilirliği için yapılacak çok iş var. Bu çok büyük bir konudur ve kullanışlı araçlar olmadan alabileceğiniz bir şey değildir..

Tota11y bir web sitenizin erişilebilirlik sorunlarını görselleştirmek için ücretsiz araç seti. Bu, doğrudan tarayıcıda çalışır, böylece erişilebilirlik önerileri bulmak için araç setini yükleyebilir, sitenizi (veya herhangi bir siteyi!) Tıklayabilirsiniz.

Bu, herhangi bir sayfaya takılabilen bir JavaScript kütüphanesi olarak çalışır. Ayrıca yapabilirdin canlı sitelerde manuel olarak çalıştır Chrome DevTools üzerinden, ancak başka birinin sitesinde çalışmadıkça bu her zaman işe yaramaz.

Tota11y, sayfanıza küçük bir araç çubuğu ekler ve tüm DOM boyunca dinamik olarak çalışır. Ne zaman sen genişleyen bir kutu alacaksınız bir elemanı tıklayın erişilebilirlik problemlerini kapsayan detaylarla.

Tota11y hakkında gerçekten sevdiğim bir şey temiz dil her bir belirtme çizgisi kutusuyla birlikte kullanılır. WAI-ARIA dokümantasyonunun çoğu vergi kodlarını okumak gibi geliyor. Kendinizi uyumak için harika, web sitesinin hata ayıklaması için çok iyi değil.

Bu kütüphane ile bulacaksınız ingilizce yazılan problemler ve çözümleri. Tüketmek çok daha kolay ve çözümler hızlı.

Ana sayfayı ziyaret ederseniz, sitede çalışan Tota11y demosunu bulacaksınız. Ekranın sol alt köşesinde bulunan küçük siyah sekme. Tüm ana sayfa öğelerini kapsayan genişletilmiş görünüm için buna tıklayın.

Her şey MIT lisansı altında açılır, bu nedenle çalışmak gerçekten kolay.

GitHub'dan bir kopya alıp hemen hemen her şey için kullanabilirsiniz. Tota11y ayrıca ana senaryoya ekleyebileceğiniz bir sürü eklentiyle birlikte gelir. Bunlar daha ayrıntılı erişilebilirlik endişelerini kontrol etmek için işlevler ekleyin.

Erişilebilirlik testinde büyükseniz, bu komut dosyasının bir kopyasını araç kutunuzda kesinlikle isteyeceksiniz.