Lección 13¿Cómo evaluar la accesibilidad del contenido de una web?
- Noción 90 - Evaluación de la accesibilidad de tu proyecto digital con el uso de herramientas de prueba automatizadas
- Noción 91 - Herramientas para evaluar las opciones de color y contraste
- Noción 92 - Herramientas para evaluar la legibilidad de tu proyecto digital
- Noción 93 - Herramientas para inspeccionar el código de tu proyecto digital
- Noción 94 - Herramientas para probar cualquier otra infracción de accesibilidad
- Noción 95 - Herramientas para evaluar el cumplimiento general de las normas WCAG
- Noción 96 - Prueba la accesibilidad de las páginas web usted mismo con herramientas automatizadas
Noción 93
Herramientas para inspeccionar el código de tu proyecto digital
Competencias objetivo
La importancia de las pruebas automatizadas para código accesible
Si has escrito y desarrollado el código para tu proyecto digital, ejecutar una comprobación de componentes y líneas de código innecesarios es una parte importante del proceso de diseño. Numerosos elementos pueden saturar tu código y hacer que sea más difícil de leer con tecnologías de asistencia. Sin embargo, eliminar la "basura" de tu código es un proceso que podría hacerse de manera mucho más eficiente con herramientas de prueba automatizadas. Estas aseguran que tu código sea más limpio y esté mejor organizado y, por lo tanto, accesible para una amplia gama de usuarios.
Enlaces externos para probar el código de tu proyecto digital para problemas de accesibilidad
Las herramientas mencionadas aquí pueden detectar problemas de accesibilidad al inicio de tu proyecto digital tan pronto como comiences a codificar. Resuelven errores, encuentran errores tipográficos, identifican usos incorrectos, minimizan el código y ofrecen soporte. Algunos incluso aconsejan sobre los riesgos de usabilidad.
Servicio de validación CSS (CSS Validation Service): http://www.css-validator.org/
Servicio de validación de marcado W3C (W3C Markup Validation Service): https://validator.w3.org/
HTML_CodeSniffer: http://squizlabs.github.io/HTML_CodeSniffer/
Rocket Validator: https://rocketvalidator.com/
Compresor JavaScript/CSS/HTML en línea (Online JavaScript/CSS/HTML Compressor):
https://refresh-sf.com/
Así es como se ve la herramienta HTML_CodeSniffer en la práctica:
[imagen]https://thegoodmanager.eu/wordpress/wp-content/uploads/2021/12/O5-N13-G93-e1644585310601.png[/image]