Programa Federal de Gobierno Abierto
Herramientas para la validación de la Accesibilidad de Páginas Web
Relevamos herramientas que tiene como objetivo validar páginas web o plataformas de acuerdo a la normativa WCAG 2.0/2.1
1. Herramientas Online
- Validador del Observatorio de accesibilidad: Rastreador OAW. Permite validar de acuerdo a la EN 139803:2012 / WCAG 2.0 o la EN 301549:2019 / WCAG 2.1. La validación puede ser por código o URL, de 1 a 51 páginas que, o bien seleccionas tú, o bien dejas que el validador seleccione por ti una muestra representativa. Valida también enlaces rotos. El resultado es un informe en formato PDF. Este validador es usado por el Observatorio de accesibilidad para hacer la monitorización y evaluación periódica de la accesibilidad de los portales del sector público. Solo está disponible online para el personal de la Administración Pública, a través del Servicio de Diagnóstico en línea de la Comunidad Accesibilidad, pero en 2020 se liberó y se puede instalar localmente. Validador del Observatorio de accesibilidad: Rastreador OAW.
- TAW. Valida gratis por URL de acuerdo a las WCAG 2.0. Se puede seleccionar nivel A, AA, AAA y las tecnologías soportadas (HTML, CSS, JS).Disponible en español. Muestra una tabla con todos los criterios agrupados por principio, indicando si necesitas validación manual o de lo contrario el número de errores o advertencias que han dado. Por email se envía una tabla similar que añade las técnicas evaluadas y un enlace a la línea de código que ha dado el error o advertencia. Las desventajas de este validador es que no puedes ver los errores resaltados en la página, solo en el código, y que no tiene ninguna opción de filtro, ordenación o agrupación de resultados. También tiene una versión local (WCAG 1.0) y una versión de pago para evaluar sitios completos (TAW Monitor).TAW
- Tenon. Valida gratis por URL y código, y también tiene una extensión para el navegador. Los usuarios registrados (opción de pago) pueden invocar directamente a la API, monitorizar sitios completos y tener un historial de las evaluaciones. Solo está disponible en inglés. Realiza 132 comprobaciones: 104 nivel A + 5 nivel AA + 23 AAA. Presentaba la ventaja de poder evaluar en base al viewport, pero ya no está disponible la opción. Por cada error indica la línea de código donde se da el error, el criterio asociado y un porcentaje de prioridad. También presenta el fragmento de código donde se localiza el error. Las desventajas de este validador son que presenta algún falso positivo y que la página de resultados no tiene opciones para ordenar, filtrar o agrupar los resultados. Tampoco es muy práctica la gráfica de error, puesto que pone el id del error pero no el criterio o técnica evaluada. Analicé en detalle el validador en Tenon: herramienta online, extensión y API para validar de acuerdo a las WCAG 2.0
- Wave, de Webaim. Valida gratis por URL, también disponible como extensión para Chrome. Solo disponible en inglés. El detalle del informe se muestra junto a la página, en el lateral izquierdo, y los resultados se pueden filtrar por WCAG 2.0 (A, AA, no admite AAA) o Section 508. La ventaja de este validador es que puedes ver la página con los errores indicados en la misma; ofrece una opción para ver la página con o sin estilos, analizar el contraste o ver la jerarquía de encabezados; e informa de otras características de la página (HTML5/ARIA, elementos estructurales, textos alternativos, definiciones de idioma en la página, labels, etc.) Otra ventaja es que por cada error da mucha información, incluso sobre el algoritmo para evaluarlo. La desventaja es que identifica cada error basándose en iconos que acaban siendo un tanto confusos. Se puede invocar directamente a la API pero es de pago (por número de llamadas a la API). También tiene una herramienta de pago para monitorizar sitios completos: DinoLytics. Wave
- Analizador Web del Observatorio de Accesibilidad Web de Ecuador. Valida por URL, pudiendo elegir la resolución de pantalla (muy útil para evaluaciones Responsive Design) y el nivel (A,AA,AAA). Permite invocar gratis a la API registrándote. Además, para los usuarios registrados, se prevé próximamente la consulta de estadísticas de las revisiones realizadas. La página de resultados es muy útil. Tiene información general de la página: título, número de imágenes y enlaces, etc.; un gráfico y una tabla resumen de porcentaje de cumplimiento por principio; el número de validaciones realizadas o no aplicadas. Por otra parte, la información se lista por principio y criterio, y dentro de cada uno: éxitos, errores, advertencias y no aplica, indicando la técnica evaluada y su criticidad. Analizador Web
- CynthiaSays. Permite la revisión de una página por inclusión de URL pudiendo seleccionar la revisión de acuerdo a las WCAG 2.0 (A, AA, AAA) o a la Section 508. El informe es muy completo, incluye los criterios y técnicas, por cada nivel, cumplidos, no cumplidos, que no se aplican o que necesitan revisión manual.CynthiaSays
- Examinator, herramienta de evaluación de accesibilidad de acuerdo a las WCAG 2.0. La herramienta es gratuita y está en español. La validación se realiza incluyendo la URL de la página a analizar, o bien subiendo el fichero HTML o introduciendo directamente de código. En la vista "Tablero" te ofrece la nota alcanzada que puede ser útil para comparar sitios. Una de sus principales desventajas es que tiene un límite de páginas a analizar por día. Otra desventaja es que da falsos positivos. Es el motor de revisión utilizado por walidator.net (Web Accessibility Framework), sistema en línea para conocer el estado y la evolución de la accesibilidad de sitios y portales web, tomando como referencia las Pautas de Accesibilidad para el Contenido Web 2.0 (WCAG 2.0). Examinator
- Tingtun, desde esta página puedes acceder a diversas implementaciones pero son todas el mismo motor, por ejemplo European Internet Inclusion Initiative. Incluye validación de páginas y de ficheros PDF. La página de resultados lista todos los test, indicando el número de errores o éxitos. Por cada error señala el criterio y técnica aplicada, y el extracto del código que ha dado error. Tingtun
- Web Accessibility Checker, validador en inglés que admite la validación de acuerdo a las WCAG 2.0 (A, AA, AAA) Permite incluir una URL, subir un fichero o pegar el código. Puedes generar el informe por criterios o línea de código. Web Accessibility Checker
- Functional Accessibility Evaluator 2.0, validación mediante URL (A, AA), solo en inglés. Evalúa respecto al nivel A y AA y permite seleccionar HTML5 y técnicas ARIA o Técnicas HTML4. Permite validación gratis de sitios completos (máximo 25 páginas) para usuarios registrados. Dentro de los resultados de ARIA incluye información sobre los landmark roles (Navegación más accesible y semántica en 2 minutos con Landmark Roles (WAI-ARIA))Functional Accessibility Evaluator 2.0
- AccessMonitor Beta, validador en portugués que permite verificar una URL, subir un fichero o la entrada directa de código.AccessMonitor Beta
- SortSite permite testear 10 páginas, valida no solo aspectos de accesibilidad de acuerdo a las WCAG 2.0 sino también enlaces rotos, SEO, usabilidad de acuerdo con las Usability.gov, etc. Tiene versión de pago online y de escritorio, con versión de prueba, para sitios completos. SortSite
- Mauve, validador en inglés que admite validación de acuerdo a las WCAG 2.0 (A, AA y AAA) mediante URL, fichero o inclusión de código en un textarea. Permite validar la versión escritorio o la versión móvil (varias opciones). El informe se basa en anotaciones básicas en el código. Mauve
2. Extensiones para el navegador
- Siteimprove, extensión para Chrome que añade un icono en la barra de herramientas para validar la página que se visualiza. Es una herramienta fiable que permite validar de acuerdo al nivel A, AA y AAA. Entre las opciones está también mostrar o no: errores, advertencias y aspectos que deben revisarse manualmente; o aquellos relacionados con determinados perfiles que tienen la responsabilidad de los cambios: editor, webmaster o desarrollador. Solo está disponible en inglés. En el detalle de error indica el criterio, describe el error, lista las técnicas para corregirlo e incluye las instancias del error que se resaltan dentro la página web. Siteimprove tiene también una versión muy potente de pago que permite monitorizar un sitio web. También tiene un comprobador rápido de accesibilidad, online y gratuito, que te muestra el porcentaje de accesibilidad y el título de los test que pasa y no pasa. Siteimprove
- Wave de WebAIM. Valida respecto a las WCAG 2.1. Los resultados se presentan en el lateral izquierdo del navegador con varias pestañas: Resumen, Detalles, Estructura y Contraste.Wave
- WCAG Accessibility Audit. Muestra los errores en un listado con acceso a un reporte en una página independiente. Valida aspectos ARIA.
- aXe Extension, está disponible para Chrome y para Firefox. Utilizan aXe (The Accessibility Engine) de Deque.
- HTML CodeSniffer (Accessibility Auditor Bookmarklet), validador en inglés que admite validación de acuerdo a las WCAG 2.0 (A, AA, AAA) y la Section 508. La validación puede realizarse de dos maneras: pegando el código en un textarea o añadiendo el validador a la barra de favoritos, de manera que puedes evaluar la página que visitas. Una ventaja es que documentan con mucho detalle qué técnicas se evalúan exactamente, y qué tipo de información reporta su evaluación (error, advertencia o notificación de que debe evaluarse manualmente): ver documentación de HTML CodeSniffer. Otro aspecto que diferencia a este validador es la manera de mostrar el informe, mediante una ventana emergente que va señalando los errores: Validación e informe con Accessibility Auditor Bookmarklet. HTML CodeSniffer (Accessibility Auditor Bookmarklet)
- Tenon. Disponible para Firefox, Chrome y Opera. Incluye un icono en el navegador para analizar la página que estás visitando con Tenon.
- Accessibility Insights for Web. Disponible para Chrome y Edge. Tiene tres modos: FastPass, Assessment y Ad hoc tools. En la primera hace revisiones automáticas y ayuda a revisar el acceso por teclado; en la segunda te guía por los pasos de una revisión manual; en la tercera se accede a herramientas concretas (ver la página en blanco y negro; consultar los encabezados o los landmarks; orden del acceso con el teclado; etc.) Accessibility Insights for Web
- Google Accessibility Developer Tool es una extensión de Google para Chrome que permite realizar una validación automática de la página que se está visualizando en el navegador. Google Accessibility Developer Tool
- ChromeLens. Extensión de Chrome que se añade en herramientas para desarrolladores. Además del validador, incluye una opción "Start trace" que permite descargar un .png con el orden de tabulación. ChromeLens
- Hera FFX 2.2, extensión para Firefox de Sidar válida para versiones anteriores a la 24. Valida de acuerdo a las WCAG 2.0 y el informe es muy detallado. Tiene la gran ventaja de que puedes validar la página cargada independientemente de que haya requerido autenticación, algo que no es posible con las validaciones mediante URL. Una vez instalada la tienes disponible en Herramientas>Hera Extension>Summary. Hera FFX 2.2
- Accessibility Ainspector, extensión para Firefox que permite validar de acuerdo a las WCAG 2.0. La beta 0.9 me la desinstalé porque me daba problemas, habrá que ver cómo evoluciona. Es el mismo motor que la validación por URL online: Functional Accessibility Evaluator 2.0 Accessibility Ainspector
- WCAG Accessibility Audit, extensión para Chrome. No valida específicamente de acuerdo a una normativa, o no lo indica. Encuentra errores ARIA y otros como falta de contraste, foco oculto, imágenes sin texto alternativo, etc.WCAG Accessibility Audit
3. Locales
- Validador del Observatorio de accesibilidad: Rastreador OAW. Permite validar de acuerdo a la EN 139803:2012 / WCAG 2.0 o la EN 301549:2019 / WCAG 2.1. La validación puede ser por código o URL, de 1 a 51 páginas que, o bien seleccionas tú, o bien dejas que el validador seleccione por ti una muestra representativa. Valida también enlaces rotos. El resultado es un informe en formato PDF. Este validador es usado por el Observatorio de accesibilidad para hacer la monitorización y evaluación periódica de la accesibilidad de los portales del sector público. Se liberó en 2020 y actualmente se puede instalar localmente de forma gratuita. Validador del Observatorio de accesibilidad: Rastreador OAW
- aDesigner, es una herramienta local gratuita de IBM, valida de acuerdo a las WCAG 2.0 Muestra también la navegabilidad y la "escuchabilidad" de la página por un lector de pantalla, y cómo será percibida por personas con una discapacidad visual. Admite la revisión de Flash y de ficheros .odt.aDesigner
- Sortsite, tiene versión online y de escritorio de pago (con versión de prueba 30 días) Permite validar sitios enteros no solo la accesibilidad de acuerdo a las WCAG 2.0 sino también enlaces rotos, SEO, usabilidad de acuerdo con las usability.gov. Se puede consultar todos los puntos evaluados en Accessibility Standard WCAG 2.0 Sortsite
- Mobile Web Accessibility Checker es una aplicación para iPhone y iPad. Es un evaluador automático de accesibilidad web que permite auditar varios sitios y múltiples páginas. En la versión gratuita solo se puede tener un proyecto y evaluar una página. Mobile Web Accessibility Checker
- Koa11y. Disponible para Windows, OSX y Linux. Permite validar por URL (una sola página)o pegando el código. El informe puede generarse en HTML, CSV, JSON, Markdown o XML. Valida según las WCAG 2.0 (A, AA, AAA) y la Section 508. El informe se divide en errores, advertencias y aspectos a evaluar manualmente. Se indica el nivel, el criterio, una descripción del error y el extracto de código donde se ha encontrado. Koa11y