Como segunda herramienta de accesibilidad web de Liberogic, hemos lanzado la extensión para Chrome "A11y Navigation Auditor". Esta herramienta visualiza de forma rápida y precisa la estructura de un sitio web, facilitando la identificación de problemas que a menudo se pasan por alto. Fue desarrollada para respaldar una verificación estructural integral y permitir evaluaciones de accesibilidad más fiables.
Antecedentes del desarrollo
Existen muchas herramientas disponibles para evaluar la accesibilidad.
Las herramientas que solo manejan categorías específicas, como encabezados y puntos de referencia, no pueden captar la visión general.
Si bien el tipo de fuente que superpone marcadores en la página permite ver la imagen general, satura la pantalla y dificulta obtener una vista panorámica.
Nuestro objetivo era crear una herramienta que salvara esta brecha, una que permitiera comprender el panorama general y verlo desde una perspectiva panorámica sin saturar la pantalla.
Utilicé como referencia la función de lista de elementos de los lectores de pantalla, como la visualización del rotor de VoiceOver.
Al visualizar esto en el panel lateral y agregar una función de detección de problemas, hemos creado una herramienta para desarrolladores que es fácil de entender y permite diagnósticos estructurales avanzados.
Objetivos y problemas de auditoría a detectar
▪️Titular
Saltos de nivel, encabezados vacíos, roles faltantes, etc.
▪️Enlaces
Texto vacío, redacción poco clara, enlaces duplicados, etc.
▪️Formulario
Etiquetas faltantes, atributo de autocompletar, mapeo de mensajes de error, etc.
▪️ Monumento
Falta el elemento principal, incapacidad para distinguir entre roles duplicados y deficiencias en la segmentación de elementos.
▪️Image
Falta el atributo alt, texto alternativo inapropiado (por ejemplo, "Imagen"), uso de nombres de archivo incorrectos, etc.
▪️Mesa
Faltan títulos o encabezados, y existen deficiencias en los ámbitos/encabezados en estructuras complejas.
Características principales
▪️Detección de problemas conforme a las WCAG
Consulte los criterios de éxito de las WCAG (1.1.1, 1.3.1, 2.4.4, 3.3.1, 4.1.2, etc.) y muéstrelos en tres niveles: error, advertencia e información.
▪️ Mostrar nombres accesibles calculados
Según la especificación ARIA, se visualizan los nombres que los lectores de pantalla leen en voz alta y sus derivados.
▪️Monitorización en tiempo real del estado de ARIA
Detecta automáticamente cambios de estado como aria-expanded y aria-invalid, así como cambios dinámicos en nombres accesibles como aria-label, lo que permite una confirmación inmediata de los cambios de accesibilidad en respuesta a las acciones del usuario.
▪️Haz clic para resaltar
Simplemente haga clic en un elemento del panel para desplazarse hasta él y resaltarlo. También puede cambiar entre los elementos usando las teclas de flecha del teclado.
▪️Funciones avanzadas para profesionales
- Activar/desactivar la inspección de elementos ocultos
- Exclusión automática de widgets de terceros
- Admite dos idiomas: japonés e inglés.
Descarga A11y Navigation Auditor aquí
En Liberogic, nuestro objetivo es que la accesibilidad sea una cualidad estándar, en lugar de algo que requiera una atención especial.
Tras nuestro primer producto, "Area Contrast Checker", este "Auditor de Navegación A11y" es otro producto que incorpora las funcionalidades que necesitábamos urgentemente en este campo. Como su nombre indica, Auditor de Navegación, nuestro objetivo es facilitar la creación de sitios web que permitan a todos llegar a su destino sin perderse. Esa es la idea que nos inspira.
Facilitamos y agilizamos el cumplimiento de las normas de accesibilidad. Estamos preparando nuestras próximas herramientas, así que estén atentos.
