Visualice y depure la accesibilidad del sitio web con Tota11y

Las tecnologías asistivas son la nueva norma para el diseño web. Una vez que el diseño responsivo se generalizó, fue rápidamente obvio para los diseñadores que apoyar a más usuarios es una necesidad..

Pero hay Mucho trabajo por hacer para accesibilidad web.. Este es un gran tema y no es algo que pueda aprender sin herramientas útiles..

Tota11y es un Kit de herramientas gratuito para visualizar los problemas de accesibilidad de su sitio web.. Esto funciona directamente en el navegador, por lo que puede cargar el kit de herramientas, hacer clic en su sitio (¡o en cualquier sitio!) Para encontrar recomendaciones de accesibilidad..

Esto funciona como una biblioteca de JavaScript que se puede conectar a cualquier página. Usted también podría ejecutarlo manualmente en sitios en vivo a través de Chrome DevTools, pero eso no siempre es útil a menos que esté trabajando en el sitio de otra persona.

Tota11y agrega una pequeña barra de herramientas en su página y se ejecuta dinámicamente en todo el DOM. Cuando usted haga clic en un elemento obtendrá una pequeña caja de expansión Con detalles que cubren problemas de accesibilidad..

Una cosa que realmente me gusta de Tota11y es la lenguaje claro utilizado con cada cuadro de llamada. La mayoría de la documentación de WAI-ARIA se siente como leer códigos de impuestos. Excelente para dormirse, no tan bueno para depurar un sitio web.

Con esta biblioteca, encontrarás Problemas y soluciones escritas en inglés simple.. Mucho más fácil de consumir y las soluciones son rápidas..

Si visita la página principal, encontrará una demostración de Tota11y ejecutándose en el sitio. Es la pequeña pestaña negra ubicada en la esquina inferior izquierda de la pantalla. Simplemente haga clic en eso para obtener una vista ampliada que cubra todos los elementos de la página principal.

Todo está abierto bajo la licencia MIT, por lo que es muy fácil trabajar con él..

Puedes tomar una copia en GitHub y usarla para casi cualquier cosa. Tota11y también viene con un montón de complementos que puedes extender al script principal. Estas Agregue funcionalidad para verificar problemas de accesibilidad más detallados..

Si eres grande en las pruebas de accesibilidad, entonces definitivamente querrás una copia de este script en tu caja de herramientas.