ocho herramientas de verificación de accesibilidad web que los responsables deben utilizar.

2024/04/16

Al implementar la accesibilidad en el sitio web, es necesario mejorar y construir el sitio de acuerdo con las normas establecidas,Herramienta de verificación de accesibilidad webUsar herramientas para verificar si las mejoras están en conformidad con los estándares y realizar las tareas correspondientes es el enfoque más eficiente.

Con la obligación de proporcionar consideraciones razonables para la accesibilidad web, muchos empresarios y encargados de WEB están considerando la implementación de herramientas de verificación para la accesibilidad en su propio sitio.

La herramienta de verificación de accesibilidad web es,Desde herramientas especializadas en accesibilidad específica hasta herramientas que revisan la accesibilidad de todo el sitio web de manera integral.Se ofrecen diversas cosas.

Por lo tanto, esta vez,Ampliamente utilizado en la implementación de accesibilidad web.Los siguientesOcho herramientas de verificación.Se presentará.

Dado que los requisitos de accesibilidad son variados, es importante avanzar en la implementación de manera eficiente utilizando estas herramientas de acuerdo con sus propósitos. En este artículo, explicaremos en detalle estas herramientas de accesibilidad web y también describiremos el proceso al abordar la accesibilidad web.

Ocho herramientas de verificación de accesibilidad web para evaluar sitios web.

Al abordar la accesibilidad web, primero debeEntender objetivamente a qué nivel está la accesibilidad (usabilidad) de su propio sitio web.Es necesario hacerlo. Así, al utilizar la herramienta de verificación de accesibilidad web para evaluar la accesibilidad de su propio sitio, puede conocer qué tipo de respuesta es necesaria.

Aquí, se presentarán herramientas representativas que son ampliamente utilizadas para abordar la accesibilidad del sitio, clasificadas en gratuitas y de pago. Así que, utilícelas para verificar la accesibilidad de su propio sitio web. Las herramientas que se presentarán son las siguientes ocho.

◆ Las herramientas de verificación de accesibilidad web presentadas en este artículo

Ahora, procederemos a explicar cada una de estas herramientas.

Herramientas de verificación de accesibilidad web gratuitas.

Primero, introduciremos cuatro herramientas de verificación de accesibilidad representativas y gratuitas.

Herramienta ① (gratis) Herramienta de evaluación de accesibilidad comunitaria "miChecker Ver.3.0"

El "miChecker"Desarrollado y proporcionado por el Ministerio de Asuntos Internos y Comunicaciones.Se recomienda utilizar esta herramienta para verificar si el sitio web cumple con JIS X 8341-3:2016. Principalmente, permite simular cómo verían los usuarios mayores o aquellos con discapacidades visuales, así como verificar la usabilidad al utilizar software de lectura de pantalla y el orden de lectura.

Evalúa automáticamente las áreas que pueden ser verificadas mecánicamente y también proporciona soporte para aquellas que deben ser verificadas manualmente.Lo que permite realizar trabajos de verificación de manera eficiente. Además, hay documentos de soporte para la verificación, por lo queA través del uso de la herramienta, también es posible adquirir conocimientos relacionados con la accesibilidad web..

miChecker es un software de código abierto cuyo código fuente se encuentra disponible públicamente, por lo que cualquiera puede modificarlo libremente y se realizan mejoras continuas. Sin embargo, El sistema operativo solo es compatible con Windows y necesita un entorno de ejecución de Java (versión de 64 bits), entre otros requisitos.Por lo tanto, es necesario tener cuidado.

◆ Pantalla de miChecker.

◆ Documentación adjunta (parte)

Más detalles sobre "miChecker Ver.3.0" aquí.

Herramienta ② (gratuita) Lighthouse

"Lighthouse" es una herramienta de verificación proporcionada por Google,Extensiones de Google Chromese puede utilizar desde. Lighthouse evalúa el sitio en cinco criterios que son estándares exclusivos de Google: 'Rendimiento (Performance)', 'Accesibilidad (Accessibility)', 'Mejores Prácticas (Best Practices)', 'SEO' y 'Aplicación Web Progresiva (Progressive Web App)'.

En términos de accesibilidad web, se puede verificar la legibilidad del texto, la revisión de la especificación alt de las imágenes, o si el texto de navegación de los enlaces está claramente indicado, pero también se puede evaluar la velocidad de carga del sitio, la estructura HTML y si el sitio se muestra correctamente a los rastreadores, entre otros.También verifica aspectos de SEO, lo que contribuye a una mejora integral del sitio, además de la accesibilidad.

Por lo tanto, al mejorar el sitio web según los resultados de validación de Lighthouse, se puede aumentar la calidad general del sitio y mejorar la clasificación en los resultados de búsqueda.

◆Pantalla de informe de Lighthouse.

Más detalles sobre "Lighthouse" aquí (Chrome Web Store).

Herramienta ③ (gratis) NVDA (versión en japonés)

‘NVDA’ es un lector de pantalla para Windows que es un software de código abierto utilizado en todo el mundo. Un lector de pantalla es un tipo de 'software de lectura de voz' que convierte el texto en pantalla en voz sintetizada, principalmente utilizado como herramienta de asistencia para personas con discapacidades visuales, pero también se puede utilizar como herramienta de verificación de accesibilidad web.

La lectura en voz alta no solo se aplica al texto en el navegador web, sino también,También son ampliamente compatibles aplicaciones que son comúnmente utilizadas como correo electrónico, herramientas de chat, y aplicaciones de oficina.Esto no solo se limita a leer el texto en pantalla; también posee funciones que permiten leer automáticamente el texto en la posición del cursor del mouse y reportar la ubicación del cursor mediante sonido, considerando la conveniencia de los usuarios con discapacidades visuales.

Además, admite una gran cantidad de pantallas braille,Detección automática de la pantalla en braille conectada y entrada en braille si la pantalla tiene una tecla de entrada en braille.realiza.

A continuación, una muestra de audio en la que se lee texto utilizando NVDA. Tiene un tono algo mecánico, pero es una voz fácil de entender.

◆Lectura de voz de NVDA (versión en japonés) ※Tenga cuidado con el volumen

Aquí están los detalles de 'NVDA versión japonesa'.

Herramienta ④ (gratuita) Filtro de página web para daltonismo.

Es una herramienta para verificar cómo ven los usuarios con características de percepción del color el sitio web. Aunque se llama herramienta,No se requiere instalación de software ni registro, simplemente ingresa la URL de la página que deseas verificar en el sitio de "Colorblind Web Page Filter".Por lo tanto, es posible realizar chequeos de manera fácil.

Se puede alternar entre patrones para una única página, como el tipo 1 de visión (dificultad para distinguir entre gris y rojo), tipo 2 de visión (dificultad para distinguir entre gris y verde), y tipo 3 de visión (confusión entre amarillo y azul), para ver cómo se verían.

El idioma de visualización del sitio de Colorblind Web Page Filter es en inglés, pero su operación es sencilla y debería ser posible utilizarlo sin problemas con Google Translate. A continuación se muestra la pantalla de verificación real, que permite comparar cómo ven los videntes con la visión filtrada a través de las características del color. Al desplazarse, ambos se mueven de forma sincronizada, por lo que es fácil compararlos sin pasar por alto nada.Está diseñado para eso.

※ Persona sin discapacidades visuales.

◆Pantalla de comparación del Filtro de Página Web para Daltónicos

・Comparación con la visión de tipo 1.

・ Comparación con el tipo de daltonismo.

Para más detalles sobre "Colorblind Web Page Filter", haz clic aquí.

 

Herramienta de verificación de accesibilidad web de pago

A continuación, presentaremos algunas herramientas de verificación de accesibilidad de pago más representativas.

Herramienta ⑤ (de pago) WAIV2 (anteriormente WAIV).

La herramienta 'WAIV' analiza automáticamente el sitio web, evaluando su grado de cumplimiento con JIS X 8341-3:2016 y explicando específicamente los problemas y puntos de corrección. No solo se aplica a sitios web convencionales, sino que también...Es posible analizar el sitio, incluyendo PDFs..

tienen la característica de mostrar claramente el grado de conformidad en números, lo que es específico y fácil de entender, indicando no solo un puntaje total sino también puntajes para detalles como velocidad de visualización, operatividad o legibilidad del texto.

Además, aunque no estén definidos en las normas, se destacan problemas que podrían resultar problemáticos para los usuarios, y se evalúan automáticamente aspectos como enlaces rotos, textos confusos y el uso de colores o la cantidad de contenido.Con esta herramienta, es posible mejorar la accesibilidad incluso en los detalles más finos del sitio web..

En abril de 2024, se lanzará 'WAIV2', que incorporará requerimientos de accesibilidad para operaciones en smartphones y aplicaciones web y será compatible con las versiones 2.1 y 2.2 de los estándares internacionales WCAG (Pautas de accesibilidad para el contenido web).

Aquí están los detalles de 'WAIV2'.

Herramienta 6 (de pago) axe Monitor

El 'axe Monitor' recorre automáticamente los sitios web para verificar si hay problemas de accesibilidad y luego realiza análisis de datos e informes. No solo a nivel de página, sino también:Es posible validar todo el sitio de una sola vez.Por lo tanto, es una herramienta fácil de usar.

Desde la pantalla de detalles de las áreas con problemas de accesibilidad, también es posible verificar el estado de respuesta y asignar responsabilidades, lo que facilita la comunicación de problemas en las tareas de corrección posterior, ya sea que se realicen internamente o externamente.

El personal especializado brindará apoyo en la implementación y operación de las herramientas.Por lo tanto, aquellos que digan: "¡Nuestra empresa no tiene nada que ver con la industria de TI, pero debemos hacer que nuestra página web sea accesible!" pueden utilizarlo con tranquilidad.

Más detalles sobre "axe Monitor" aquí.

Herramienta 7 (de pago) Siteimprove

Siteimprove, utilizado por más de 7,000 empresas y organizaciones en todo el mundo, revisa periódicamente los sitios web,Verifica automáticamente todas las páginas en más de 200 ítems de verificación.Los revisará. Esto incluye todos los problemas relacionados con la calidad del sitio, como "enlaces rotos", "velocidad de carga", "variaciones en la presentación", "errores tipográficos" y "accesibilidad".

Siteimprove sugiere prioridades de respuesta basadas en el impacto de los problemas (*) y el progreso de la mejora se grafica, por lo que el equipo del proyecto puede compartir el estado de respuesta y avanzar de manera más eficiente en la respuesta a la accesibilidad web. Por lo tanto, Si se cuenta con un departamento o equipo dedicado a la accesibilidad web dentro de la empresa, esta es sin duda una herramienta que debe aprovechar.es uno de ellos.

※ Por ejemplo, si hay varios enlaces rotos, ofrece sugerencias de mejora comenzando por los enlaces con más clics.

Para más detalles sobre "Siteimprove", haga clic aquí.

Herramienta de verificación de accesibilidad web que permite incluso la implementación de funciones.

Las herramientas ① a ⑦ son herramientas que verifican sitios web, mientras que la herramienta ⑧, que ofrecemos, puede ir desde la verificación hasta la implementación de funciones de accesibilidad.

Herramienta ⑧ (de pago) uniweb (ユニウェブ).

La herramienta 'uniweb' está diseñada de acuerdo con JIS X 8341-3:2016.Una solución integral que analiza los puntos problemáticos del sitio, optimiza automáticamente la estructura del sitio y también implementa funciones que apoyan la accesibilidad web.Es. Dado que es un tipo de complemento,Solo se necesita insertar una línea de código en el sitio web, lo que permite una implementación en el mismo día en el mejor de los casos.Este aspecto es una gran ventaja.

Además, no se trata solo de implementar funciones y terminar; si las normas de accesibilidad web se actualizan, Uniweb se asegura de que las actualizaciones se reflejen en los sitios implementados, por lo que no es necesario realizar mantenimiento en el sitio cada vez. En abril de 2024, se implementó una nueva función de 'AI en japonés amigable' utilizando IA generativa en Uniweb, pero de esta manera.La capacidad de introducir nuevas funciones en cualquier momento es una de las ventajas de las herramientas basadas en plugins..

Artículo de referencia:UniWeb lanza la función ‘AI de japonés fácil’ que utiliza AI generativa

Uniweb tiene varias funciones de accesibilidad web, pero el menú que controla cada función está consolidado en un solo lugar, lo que proporciona una coherencia en el diseño de la interfaz de usuario. Además, todas las funciones se implementan de manera natural sin alterar el diseño del sitio.Para aquellos que desean introducir diversas funciones de accesibilidad mientras mantienen la perspectiva de su propio sitio web, este aspecto es una gran ventaja.Se podría decir que

◆ Imagen de implementación de Uniweb

・Menú de accesibilidad.

・Ejemplos de aplicación de funciones de accesibilidad.

Para más detalles sobre "uniweb", haga clic aquí.

Cinco pasos para abordar la accesibilidad web utilizando herramientas de verificación.

se mejorará la accesibilidad de su sitio utilizando herramientas de verificación de accesibilidad web como las mencionadas en la sección anterior, y se procederá en la siguiente secuencia. Cada paso no es una tarea que pueda ser realizada por una o dos personas, por lo que se deben asegurar recursos adecuados para cada fase.

◆Proceso de abordar la accesibilidad web: cinco etapas.

Antes de realizar las tareas de respuesta,Para aquellos que se pregunten "¿Qué es la accesibilidad web en primer lugar?" o deseen profundizar su comprensión sobre la accesibilidad web.Por favor, lean el siguiente artículo previamente.

Artículo de referencia:¿Qué medidas de accesibilidad web deben implementar necesariamente los responsables del sitio?

A continuación, explicaremos detalladamente cada uno de los procesos.

Proceso ① Definir claramente los criterios de verificación.

Primero, se revisará el sitio web de la empresa para ver qué tipo de medidas son necesarias.Definir claramente los criterios del alcance.Es necesario. La norma que sirve de base es la 'Norma JIS'.

En la implementación de la accesibilidad web, la norma nacional "JIS X 8341-3:2016" es la referencia.Así es. Existe un "nivel de conformidad" definido para la accesibilidad, que se expresa en niveles de A a AAA, y lo deseable en la respuesta a la accesibilidad web es "cumplir con el nivel de conformidad AA".

◆Nivel de conformidad

Es decir,Verifique el sitio de acuerdo con la norma JIS X 8341-3:2016 y realice mejoras o construya un sitio que cumpla con el nivel AA.Se requieren. Para criterios de logro concretos, consulte el 'Manual de implementación de accesibilidad web' del Ministerio Digital y la 'Tabla de referencia de criterios de cumplimiento JIS X 8341-3:2016'.

Referencia:"Guía de Implementación de Accesibilidad Web" (Oficina Digital)、Tabla de referencia de estándares de cumplimiento JIS X 8341-3:2016 (Nivel A & AA) (Comité de Bases de Accesibilidad Web)

Proceso ② Ejecutar la herramienta de verificación de accesibilidad web.

Una vez que los criterios de evaluación se han definido claramente, se ejecutarán las herramientas de verificación para evaluar el sitio. Las herramientas de verificación evaluarán mecánicamente si hay problemas de accesibilidad (si cumplen con JIS X 8341-3:2016) al recorrer el código fuente del sitio y generarán un informe.

Dependiendo de la herramienta, algunas verifican a nivel de página y otras recorren todo el sitio de una vez. Todas ellasVerificar manualmente requiere un esfuerzo enorme, pero el uso de la herramienta puede reducir significativamente los costos y el tiempo.

Primero, se utilizan herramientas de verificación para identificar problemas en el sitio, incluyendo detalles sutiles que podrían ser difíciles de ver a simple vista.

Etapa ③ Realizar trabajos de mejora.

Se realizarán mejoras en los puntos problemáticos del sitio web que se identifiquen al ejecutar la herramienta de verificación. Según los problemas, el trabajo real puede abarcar diseño, codificación o implementación de nuevas funciones.

Particularmente, en el caso de sitios que ya están en funcionamiento y públicamente accesibles, es importante establecer prioridades para el trabajo.Se priorizan las mejoras desde los puntos con mayor impacto de problemas.Lo haremos así.

Etapa ④ Verificar manualmente (visualmente).

Un ser humano revisará visualmente el sitio mejorado o realizará pruebas efectivas para su verificación.

La verificación mediante herramientas de comprobación es en gran medida mecánica, por lo que especialmenteLas partes que requieren juicio humano, como la coherencia del texto, se omiten.Se enfocará en verificar y abordar las secciones que faltaron en tales herramientas de verificación.

Además, por ejemplo, al intentar usar el sitio solo con el teclado, puede haber incomodidades en el orden de enfoque.Al utilizar realmente el sitio y probar las funciones implementadas, surgirán este tipo de problemas.Por lo tanto, también se realizarán correcciones en esos aspectos.

Dado que el sitio web es finalmente utilizado por humanos, el trabajo de verificación manual es un paso extremadamente importante.

Paso 5: Establecer un sistema operativo

La accesibilidad web no es algo que se complete una vez que se ha realizado el trabajo inicial. Es necesario realizar un mantenimiento regular y, al construir nuevas páginas o sitios, se deben seguir las normas de accesibilidad web. Por lo tanto,Documentaremos el flujo de trabajo para la accesibilidad, lo que permitirá revisiones y actualizaciones según sea necesario.

De esta manera, después de abordar la accesibilidad web, esto debeSe deberá crear un sistema interno que permita una operación continua.Esto es necesario.

La herramienta de verificación de accesibilidad web es solo una herramienta de evaluación.

Como se ha explicado hasta aquí, las herramientas de verificación son muy útiles para descubrir problemas de accesibilidad en el sitio web de la empresa al abordar la accesibilidad web, pero por sí solas no resolverán los problemas.

La herramienta de verificación de accesibilidad web es simplemente una herramienta para evaluar el sitio, y las tareas de juicio, corrección, mejora o verificación deben realizarse por uno mismo.Esto significa que, según la escala del sitio, los recursos que deben asegurarse internamente también aumentarán, lo que puede llevar a costos y tiempos enormes.

También existen opciones de subcontratación, pero la carga es considerable.

Si no se pueden asegurar los recursos, hay dos opciones.

① es cuando se contratan a profesionales para delegar el trabajo real, desde la modificación del sitio hasta la verificación. Algunas empresas ofrecen diagnósticos para el sitio, por lo que, si se está dispuesto a gastar dinero, es posible delegar todo desde el principio. Sin embargo,Se requieren costos iniciales de cientos de miles de yenes, y dependiendo de la escala del sitio, se debe prever un costo de más de un millón de yenes.Además, incluso después de la finalización, hay costos de mantenimiento que van desde decenas de miles de yenes al mes por correcciones, etc.

Además, actualmente, JIS X 8341-3:2016 es la norma estándar,En caso de que se actualicen las normas, será necesario solicitarlo cada vez incurriendo en costos para cumplir con ellas.También debe considerarse esto.

Por lo tanto, no se puede negar que la carga es grande, tanto si se hace internamente como si se subcontrata la adaptación a la accesibilidad web.

Sin embargo, como hemos mencionado previamente con nuestro 'Uniweb',También hay herramientas que pueden realizar mejoras en el sitio automáticamente.

Con Uniweb, se puede lograr una respuesta de accesibilidad con un menor costo y tiempo.

que ofrecemosEs posible implementar funciones de accesibilidad en el sitio aprovechando la herramienta de accesibilidad web 'Uniweb', a un costo y tiempo considerablemente reducidos..

Además, como se mencionó anteriormente, si se contratan los servicios de una empresa de desarrollo para implementar funciones de accesibilidad web, se necesitará un monto considerable como costo de desarrollo, peroEl costo de implementación de Uniweb es un sistema de tarifa mensual por dominio.Los costos se calculan en base al número de dominios y las visitas, así que no hay desperdicio en el costo que incurres, lo que permite reducir significativamente la carga de la empresa.

Probemos las funciones de Uniweb en la práctica.

Para aquellos que desean probar las funciones de Uniweb,Por favor, haga clic en el "ícono de persona azul en forma circular" que aparece en la esquina inferior derecha de esta página.aparece un menú de accesibilidad, lo que permite experimentar las amplias funciones de Uniweb.

Se recomienda Uniweb, que permite la implementación de funciones con la herramienta de verificación de accesibilidad web.

En este artículo, hemos explicado sobre las herramientas de verificación de accesibilidad web, pero muchas de estas herramientas son principalmente herramientas para la verificación del sitio, por lo que el desarrollo posterior y el mantenimiento continuo deben ser llevados a cabo internamente.

Sin embargo,Al utilizar herramientas como Uniweb, que se encargan desde la verificación del sitio web hasta la implementación real de funciones, es posible reducir significativamente la carga para los empresarios y lograr una respuesta de accesibilidad web de alta calidad.

Ya está establecido que la consideración razonable será obligatoria a partir de abril de 2024. En el sitio oficial de uniweb, se encuentra...Diagnóstico gratuito del sitio web.También se pueden solicitar, así que aquellos negocios que necesiten apresurarse para adaptarse a la accesibilidad web, les recomendamos que comiencen con el diagnóstico de su sitio.

Diagnóstico de accesibilidad gratuito (Uniweb)

Primero, solicite información fácilmente

Presentaremos las funciones de UniWeb y el proceso de implementación.

Solicitar información