¿cómo sabe si su sitio web es 100% compatible con WCAG 2.1? ¿Cuáles son las mejores herramientas de prueba de accesibilidad web que puedes usar?, Aquí hay 5 herramientas de prueba de accesibilidad automatizadas que le recomendamos probar primero:
foto de John schnobrich en Unsplash
has revisado las directrices, estándares, advertencias y mejores prácticas incluidas en las recomendaciones del W3C y’re estás atascado. ¿Cómo sabe si su sitio web es 100% compatible con WCAG 2.1? ¿Cuáles son las mejores herramientas de prueba de accesibilidad web que puedes usar?,
herramientas de evaluación de accesibilidad gratuitas y fáciles de usar que puede ejecutar en su sitio web para detectar los problemas que acechan allí.
y que incluso podría obtener algunas recomendaciones valiosas sobre las mejores formas de abordarlos.
todo eso antes de que alguien (o incluso todo un equipo de evaluadores de control de calidad) revise su sitio web. Antes de llevar a cabo una auditoría de accesibilidad en profundidad y ejecutar sesiones de prueba centradas en el usuario con people personas reales involucradas.,
debe estar pensando en las extensiones del navegador<
son tan accesibles: simplemente abra la página que desea verificar y haga clic en un botón en la barra de herramientas. Son gratuitos y son excelentes «comienzos» para identificar problemas de accesibilidad en su sitio web. Y por tener en tus manos algunas recomendaciones valiosas sobre cómo arreglarlas.
entonces, aquí hay 5 herramientas de prueba de accesibilidad automatizadas que le recomendamos probar primero:
» ¿hay alguna herramienta recomendada disponible que pueda ayudarme a probar problemas de accesibilidad?,R contraste en ciertas páginas (o ningún contraste en absoluto)
Una o más imágenes no tienen descripciones ALT agregadas a
Un editor eliminó el contenido de una de las etiquetas H2, pero dejó esa etiqueta persistente allí y confundiendo a los lectores de pantalla
alguien de su equipo de diseño ha puesto un texto de marcador de posición en lugar de un campo de texto, lo que corre el riesgo de mostrar un campo sin etiqueta, que los lectores de pantalla no pueden read leer
Falta una etiqueta en su formulario de suscripción al boletín de noticias
todos estos son problemas frecuentes que las herramientas de evaluación de accesibilidad web pueden ayudarlo a detectar y abordar.,
se dividen en varias categorías:
extensiones de navegador, en las que nos centraremos en esta publicación
Herramientas de línea de comandos herramientas de prueba de accesibilidad que puede integrar con su sistema de integración continua
consejo: tenga en cuenta que las siguientes 5 mejores herramientas de prueba de Accesibilidad Web detectan aproximadamente el 30% de los problemas. Son un excelente punto de partida para una auditoría más compleja y una estrategia de monitoreo integral que debe establecer.,
Wave, la venerada herramienta de Evaluación de Accesibilidad Web para Chrome
un comprobador de accesibilidad web con todas las funciones y fácil de usar que ha estado en los kits de herramientas de la mayoría de los desarrolladores durante varios años.,
así es como funciona:
agrega una superposición visual de iconos de error e indicaciones a la página web que está auditando
iconos que, una vez que se hace clic, le proporcionan información y recomendaciones sobre los problemas de accesibilidad detectados: títulos redundantes, elementos estructurales, enlaces a HTML, contraste de color deficiente, cómo afectan esos problemas a diferentes tipos de usuarios, qué pautas de WCAG violan, etc.,
le señala el código «problemático» a través de HTML anotado que aparece en el panel en la parte inferior de la pantalla
En resumen, Wave es uno de los comprobadores de accesibilidad de sitios web robustos que va más allá de simplificar su proceso de auditoría.
también está orientado a educar a los usuarios (propietarios de sitios web, evaluadores de control de calidad) sobre los problemas de accesibilidad a los que prestar atención.
«¿Cómo usar la herramienta de accesibilidad Wave?,»
de cualquier manera:
simplemente puede ingresar su URL en el campo dedicado en su sitio web
Puede descargar la extensión del navegador
vaya por la extensión, particularmente si se trata de páginas web dinámicas, protegidas por contraseña y almacenadas localmente que necesita verificar.
Tenon, accesibilidad como servicio
» ¿Cómo pruebo la accesibilidad?»
Tenon es otra herramienta que viene tanto en una versión gratuita como de pago.,
What makes it «worthy” of this top 5 selection?,las pruebas y después de las pautas descuidadas ya se han convertido en problemas críticos que afectan la experiencia del usuario
Es una herramienta tan flexible para creadores de contenido, diseñadores, desarrolladores y probadores
genera generous generosos informes con fragmentos de código para cada error, las pautas WCAG correspondientes y las recomendaciones sobre cómo solucionarlos
en resumen: Tenon le ayuda a ejecutar un tipo preventivo de verificación de accesibilidad en su sitio web., Puede detectar problemas clave antes de que se conviertan en problemas importantes de usabilidad
Además, puede incorporar fácilmente Tenon en su conjunto de herramientas a través de su API. Se integra sin problemas con cualquier CMS, IDE, herramienta de implementación o compilación automatizada que pueda estar utilizando.
Google Lighthouse, una de las mejores herramientas automatizadas de pruebas de accesibilidad
«¿Cómo sé si mi sitio web realmente es compatible con WCAG 2.0?,para usar
Además, esta herramienta de prueba de accesibilidad es parte de un conjunto completo de comprobaciones que puedes ejecutar utilizando las herramientas de desarrollo de Chrome:
SEO
Progressive Web App
Performance
Best Practices
Qué hace te proporciona un informe completo de los resultados de sus pruebas:
Si todos los botones de esa página tienen nombres accesibles o no
si todas las imágenes tienen atributos alt agregados a
Si esa página tiene un título o no <
a continuación, simplemente tómelo desde allí y mejore las áreas señaladas en el informe.,
y así es como lo usas:
abre devtools en tu navegador Chrome
Busca la pestaña » auditorías «
Haz clic en»realizar una auditoría»
Consejo: guarda el informe en formato JSON para más tarde (o para enviarlo a alguien de tu equipo).
otra gran cosa de Google Lighthouse es que es una de esas herramientas de evaluación de accesibilidad web que no requieren que te registres. Simplemente arrastre un informe al visor de informes en línea que le proporciona.
Extensión del navegador Axe
«¿Cómo sabes si tu sitio es realmente WCAG 2?,0 obediente?»
Se «agarra» una herramienta como el Hacha de aquí y darle a su sitio un sistema automatizado de auditoría.
simplemente se adjuntará como una nueva pestaña a las herramientas de desarrollo de Chrome. Una vez que haga clic en el botón azul «analizar», se le dará una lista completa de «violaciones» detectadas en su página.
¿Por qué lo hemos incluido en nuestra lista altamente exclusiva de las 5 mejores herramientas de prueba de accesibilidad web?,
Porque es gratis (una biblioteca Autónoma de código abierto)
porque puedes ajustarlo a tus necesidades específicas de pruebas de accesibilidad: agrega reglas específicas, intégrelo con marcos de pruebas y navegadores de su elección<
Porque cada problema señalado «expone» el marcado correspondiente, también
simplemente presiona «inspeccionar código» y serás llevado a la pestaña en DevTools, donde se describe el «elemento culpable».,
Consejo: otra razón por la que este es uno de los primeros comprobadores de accesibilidad del sitio web que debe tener en cuenta es que el informe de accesibilidad de Axe va más allá de señalar violaciones claras de las pautas de accesibilidad.
también destaca aspectos que podrías mejorar en la interfaz de usuario de tu sitio web.
Siteimprove, Uno de los Mejores de la Accesibilidad Web Herramientas de Prueba
confesamos: Siteimprove es nuestro sitio favorito comprobador de accesibilidad., Esta es la razón:
nos proporciona información procesable sobre todos los problemas que detecta
genera explicaciones claras sobre el impacto de esos problemas en algunos usuarios
También nos «estropea» con una experiencia de usuario intuitiva: los problemas se resaltan en el lado derecho de la página
donde se agrega que todo el proceso de auditoría de la página web se realiza en nuestros navegadores Chrome.
fácil de usar y altamente eficiente. ¿Qué más podría desear de una herramienta de prueba de accesibilidad gratuita?,
última palabra
convierta este tipo de pruebas de accesibilidad, utilizando extensiones de Chrome, en parte de una estrategia de pruebas más completa.
no debe limitar su evaluación a los resultados que obtiene al usar cualquiera de estas 5 mejores herramientas de prueba de accesibilidad web.
todavía hay cierto nivel de «intervención humana» necesaria para interpretar esos resultados. Para llegar a la serie adecuada de pasos a tomar, ¿verdad?,
úsalos si solo quieres comprobar si:
Hay alguna imagen sin descripciones ALT en tu sitio web
El HTML es válido
tus campos de formulario tienen tanto etiquetas como descripciones
mientras que para evaluar:
si ese HTML es semántico o no
si esas descripciones de campos de formulario son lo suficientemente fáciles de usar
si jerarquía en una página determinada en su sitio web
need necesitará un análisis humano.,
Las pruebas de accesibilidad automatizadas (solo) señalarán aspectos clave en los que los evaluadores de control de calidad deben centrarse.
El FINAL!
¿ha utilizado alguna de estas herramientas de prueba de accesibilidad en su sitio web?
¿normalmente detiene su auditoría allí o utiliza un tipo de prueba manual de»combo»automatizado &? ¿En realidad depende del contexto?
