Etiqueta: herramientas

Qué es Axe DevTools

Publicado el

La herramienta axe DevTools es un kit profesional destinado a la evaluación de accesibilidad digital, diseñado para desarrolladores, testers y equipos de producto que requieren una cobertura automatizada de los requisitos de accesibilidad definidos por el estándar WCAG (Web Content Accessibility Guidelines). Está desarrollada por la empresa Deque Systems y se apoya en el motor de reglas de código abierto axe‑core, lo que garantiza que los análisis estén fundamentados en un conjunto robusto de comprobaciones de accesibilidad.

La extensión axe DevTools funciona como un complemento para navegadores web que permite identificar de forma automática numerosos errores de accesibilidad, comparables a lo que ofrecen otras herramientas como WAVE Evaluation Tool, aunque con un enfoque más detallado, profesional y orientado al ciclo de desarrollo. A diferencia de WAVE, que se orienta más a una evaluación de entrada para diseñadores y equipos de contenido, axe DevTools ofrece informes técnicos profundos, integración con flujos de testing y configuración orientada a desarrolladores. De hecho, en sus documentos se describe explícitamente que el propósito es empoderar a los equipos de desarrollo web y móvil a encontrar, prevenir y corregir problemas de accesibilidad mientras codifican.

Informes técnicos

El valor diferencial de axe DevTools se encuentra en los informes técnicos que genera para desarrolladores. Una vez lanzado el escaneo de una página o aplicación, la herramienta presenta una lista de problemas detectados, cada uno con su nivel de severidad (crítico, serio, moderado, menor), el estándar o criterio WCAG que infringe, un fragmento de código fuente o apuntador al DOM, y la capacidad de resaltar la ubicación del problema en la página. Para cada problema, la herramienta incluye orientación de corrección (remediation guidance), lo que facilita que los desarrolladores comprendan y apliquen la solución. Además, dado que está impulsada por el motor axe-core, minimiza los falsos positivos, lo que contribuye a que los equipos de desarrollo no pierdan tiempo.

Además, la herramienta ofrece capacidades de exportación y compartición de resultados, lo que permite que los desarrolladores integren esos informes en sistemas de seguimiento de incidencias o los compartan con otros miembros del equipo (por ejemplo testers de accesibilidad, QA o equipo de producto). También existe la posibilidad de análisis de componentes individuales, lo que permite una granularidad mayor cuando se trabaja por módulos o micro frontends.

Integración con flujos de testing

Otras de las características interesantes de esta herramienta es la integración con los flujos de testing.

Las APIs de axe DevTools permiten su uso dentro de entornos automatizados, sistemas de integración continua (CI), pruebas end-to-end y frameworks como Cypress, Playwright, Puppeteer, WebDriver, así como lenguajes de scripting como JavaScript/Node.js, C#, Java, Python o Ruby.
De esta forma, un equipo puede configurar, gracias a la documentación de la herramienta, que cada build automatizada ejecute un análisis de accesibilidad y genere un reporte; si aparecen violaciones de accesibilidad, puede bloquearse la entrega o abrirse automáticamente una incidencia. Esto permite que la accesibilidad sea parte del proceso de calidad desde el inicio y no sólo al final.
Complementariamente, en la extensión de navegador se habilita una modalidad Intelligent Guided Tests (IGT) que guía al tester o desarrollador sobre pruebas que no son detectables automáticamente, reduciendo el volumen de pruebas manuales que aún son necesarias.
De esta manera, axe DevTools puede funcionar tanto de forma interactiva (desde el navegador) como en modo automatizado dentro del pipeline de desarrollo, incrementando la cobertura de accesibilidad sin necesidad de que cada desarrollador sea un experto en accesibilidad.

Qué es el Inspector de accesibilidad de Firefox Developer Tools

Publicado el

El Firefox Accessibility Inspector es un panel especializado dentro de las herramientas de desarrollo del navegador que expone el llamado árbol de accesibilidad una estructura que representa cómo se presenta el contenido web a los agentes de asistencia, mostrando para cada nodo información como el rol, el nombre accesible, los estados, las relaciones y otros atributos ligados a la accesibilidad.

El  Accessibility Inspector está integrado en el navegador Mozilla Firefox y permite a los desarrolladores web examinar la forma en que las tecnologías de asistencia, como los lectores de pantalla, interpretan la estructura de una página web. Esta funcionalidad está disponible desde la versión 61 de Firefox.

Mediante este inspector, el desarrollador puede activar el motor de accesibilidad del navegador y desplazar un foco de inspección que muestra cómo un lector de pantalla “vería” o interpretaría un elemento concreto del sitio, o incluso la página en su conjunto.

Una de las funciones fundamentales del inspector es ofrecer una vista jerárquica del árbol de accesibilidad (accessibility tree), que difiere del árbol DOM en cuanto incluye únicamente los elementos expuestos a las tecnologías de asistencia. En esa vista, cada nodo presenta al menos dos propiedades clave: un rol (por ejemplo button, link, heading) y un nombre (que para los controles suele venir del texto de su etiqueta).

Además, cuando se selecciona un nodo, se muestra un panel con detalles más extensos: nombre, rol, acciones disponibles (por ejemplo “Press” para un botón), valor (en caso de un campo de entrada), DOM Node asociado, descripción, atajo de teclado, índices en el padre, conteo de hijos, estados (como focusable, enabled, selected), relaciones con otros nodos (por ejemplo “labelled by”), y atributos de accesibilidad relevantes o relacionados con ARIA (por ejemplo aria-label, aria-hidden, role, etc.).

La herramienta incluye utilidades de diagnóstico automatizado: permite activar un análisis de “Check for issues” (verificar problemas) que scaneará toda la página en busca de diferentes tipos de fallos contraste de color insuficiente, problemas de navegación mediante teclado, etiquetas de texto faltantes y resaltará únicamente los nodos que presentan esos problemas. Además, el inspector permite simular deficiencias de visión de color (simulación de daltonismo) o mostrar la orden de tabulación de los elementos. Todo ello ayuda al desarrollador a comprender y corregir cómo una página estaría siendo percibida por personas que utilizan lectores de pantalla u otros dispositivos de asistencia, lo cual es esencial para asegurar que el HTML semántico, el uso de ARIA y la estructura del contenido soporten una experiencia inclusiva.

Google Lighthouse como herramienta de evaluación de la accesibilidad

Publicado el

Google Lighthouse es una herramienta automatizada de auditoría integrada en el navegador Google Chrome, diseñada para evaluar diversos aspectos de calidad en cualquier página web, desde el rendimiento y la optimización para motores de búsqueda hasta ciertos criterios fundamentales de accesibilidad.
Lighthouse forma parte del ecosistema de herramientas de Google orientadas al análisis y diagnóstico web.
Esta herramienta se ejecuta desde las DevTools de Chrome, desde la línea de comandos o mediante su versión en línea, y proporciona informes detallados que permiten comprender el estado técnico de un sitio web.
El funcionamiento de Lighthouse se basa en la recopilación estructurada de métricas relacionadas con la carga, la estabilidad visual, el procesamiento del contenido y los metadatos de la página. En el ámbito del rendimiento, la herramienta mide el tiempo de interacción, de renderizado y la eficiencia en el uso de recursos; en el ámbito del SEO, analiza la correcta estructuración de elementos fundamentales para la indexación, como etiquetas meta, atributos descriptivos o la accesibilidad del contenido para los robots de búsqueda.
Además, la sección de accesibilidad realiza una serie de comprobaciones técnicas que identifican ciertos problemas habituales como la falta de texto alternativo, la insuficiente estructura semántica o la ausencia de etiquetas asociadas a controles interactivos.

Es importante señalar que, aunque Lighthouse incorpora una auditoría de accesibilidad basada en reglas automatizadas, su fiabilidad es limitada cuando se interpreta como un verificador exhaustivo de barreras de accesibilidad. La herramienta detecta únicamente una parte de las barreras existentes, aquellas que pueden evaluarse de forma automática sin intervención humana. Aspectos esenciales como la claridad de las descripciones alternativas, la adecuación de la estructura lógica del contenido, la comprensibilidad de los textos, la calidad de la interacción mediante teclado o la experiencia global de usuarios con diversas discapacidades requieren un análisis manual basado en las pautas WCAG. Por esta razón, Lighthouse no puede considerarse una herramienta específica para la mejora integral de la accesibilidad web, sino un complemento orientado a la detección preliminar de problemas comunes y al apoyo en procesos de auditoría más amplios.

A pesar de estas limitaciones, los resultados proporcionados por Lighthouse ofrecen valor en procesos de diseño y desarrollo, ya que permiten identificar rápidamente fallos críticos que afectan a la experiencia de usuario, al posicionamiento en buscadores y al rendimiento general del sitio. La interpretación de sus métricas debe realizarse de manera contextualizada, entendiendo que sus diagnósticos no sustituyen a una revisión profesional de accesibilidad ni a pruebas con usuarios reales, pero sí constituyen una base inicial para orientar esfuerzos de optimización y asegurar un nivel mínimo de calidad técnica.

Qué es el Comprobador de Accesibilidad de Microsoft Office

Publicado el

Microsoft, desde hace unos años, está incorporando en su paquete ofimático, más conocido como Microsoft Office, distintas herramientas de análisis y mejora para documentos, hojas de cálculo y presentaciones. Dentro de estas herramientas existe una encargada de la detección de barreras de accesibilidad.

El Comprobador de Accesibilidad está incluido en las versiones más modernas de su paquete ofimático. Esta herramienta permite la evaluación sistemática de posibles barreras en documentos de Word, Excel y PowerPoint.

Microsoft habla de esta herramienta en su sitio web sobre accesibilidad explicando que el comprobador de accesibilidad ayuda identificar de forma automatizada una amplia gama de problemas que afectan al acceso a la información por parte de personas con discapacidad, además de ofrecer recomendaciones precisas para corregirlos según los estándares internacionales de accesibilidad.

El análisis realizado a un documento o presentación identifica barreras relacionadas con elementos visuales sin descripción para la accesibilidad(imágenes, gráficos y objetos incrustados), la correcta jerarquía de títulos y encabezados, la coherencia semántica en tablas, la detección de contenidos que dependen exclusivamente de estímulos visuales o auditivos, así como la verificación del orden de lectura en las diapositivas de PowerPoint. Además, identifica errores de contraste, uso inapropiado del color y otras prácticas que pueden afectar a la comprensión del documento.

Esta herramienta busca ofrecer un proceso de evaluación que facilite la creación de materiales perceptibles, operables, comprensibles y robustos.

El empleo constante de esta herramienta resulta especialmente valioso en entornos educativos y profesionales, ya que permite a docentes, estudiantes y personal técnico generar documentos más accesibles sin necesidad de conocimientos avanzados. Su uso sistemático contribuye a garantizar que los materiales distribuidos en aulas, oficinas y entornos colaborativos respeten principios de inclusión y equidad, reduciendo barreras innecesarias y promoviendo un acceso a la información más universal.

Uso del Comprobador de Accesibilidad en Word, Excel y PowerPoint

El acceso a esta herramienta se realiza desde la cinta de opciones, utilizando el menú “Revisar”, donde se encuentra la opción “Comprobar accesibilidad”. Aunque a veces esta opción está dentro del menú de herramientas, dependiendo de la versión de Office que estemos utilizando.
Una vez activado, se abre un panel lateral que muestra los resultados del análisis en tiempo real. Esto implica que la información se irá actualizando a la vez que escribimos el documento en el que estamos trabajando.
En los resultados aparecerán elementos organizados por categorías que distinguen entre errores graves, advertencias y sugerencias, permitiendo priorizar las cuestiones que afectan con mayor intensidad a la experiencia del usuario final.

El panel de resultados presenta cada incidencia acompañada de una explicación detallada que incluye la razón del problema, su impacto en la accesibilidad y los pasos recomendados para resolverlo. Por ejemplo, cuando se detecta una imagen sin texto alternativo, el sistema muestra una descripción del motivo por el que este elemento es esencial para los lectores de pantalla y ofrece un acceso directo al cuadro de diálogo donde se puede introducir una descripción accesible para el elemento visual. En PowerPoint, por ejemplo, si el orden de lectura de los elementos de una diapositiva no es lógico, la herramienta permite visualizar y modificar dicho orden mediante una interfaz dedicada a reorganizar esta estructura.

Interpretación de los resultados y resolución de las barreras más frecuentes

La interpretación de los resultados requiere comprender que cada advertencia proporciona no solo la naturaleza del problema, sino también la razón por la cual afecta a la accesibilidad. Además, como toda herramienta automática, que no aparezcan elementos a solucionar no implica un cumplimiento completo de los criterios legales de accesibilidad pero si garantiza que el documento, en principio, no incluye ninguna barrera de accesibilidad grave para el acceso de cualquier persona al contenido.
Las barreras más comunes suelen estar relacionadas con la falta de texto alternativo, el uso incorrecto de los estilos de título, tablas empleadas para maquetación en lugar de para datos, objetos que no siguen un orden de lectura lógico o contenido multimedia sin subtítulos ni descripciones.

Mantenimiento para MacOS con Onyx

Publicado el

Cuando hablamos de macOS, a menudo se escucha decir que “no necesita mantenimiento”, que el sistema se cuida solo. En cierta medida, eso es cierto: Apple ha diseñado macOS con mecanismos internos de mantenimiento. Pero como cualquier sistema complejo, con el tiempo pueden acumularse residuos (cachés corruptas, índices desalineados, archivos temporales huérfanos) que afectan al rendimiento, la estabilidad o simplemente a la fluidez del equipo.

Realizar el mantenimiento del sistema sin ninguna herramienta de apoyo es posible pero esta tarea comprende multitud de mini tareas y requiere de bastante conocimiento de la Terminal de MacOS. Por esta razón existen herramientas como Onyx.

¿Qué es Onyx?

OnyX es una utilidad multifunción para macOS que permite verificar la estructura del volumen de arranque, realizar tareas de mantenimiento, limpiar cachés de sistema/aplicaciones, reconstruir índices o bases de datos, configurar parámetros ocultos del sistema, eliminar archivos problemáticos y mucho más.

La aplicación Onyx se distribuye como  software “donationware”: es gratuita para su uso, pero el desarrollador acepta donaciones para su mantenimiento.

OnyX pone a disposición del usuario muchas de las funciones internas de mantenimiento y optimización de macOS, agrupándolas en una interfaz gráfica simple y accesible.

Procesos que Onyx puede realizar

Al abrir OnyX, lo primero que hace es verificar la estructura del volumen de arranque (filesystem). Si hay inconsistencias, las reporta. Esta verificación puede tomar tiempo por lo que puede ser interesante realizarla de forma manual.

Otra recomendación es la de cerrar el resto de aplicaciones para que Onyx pueda realizar todas sus tareas sin ningún tipo de bloqueo del sistema.

La aplicación organiza sus funciones en varias pestañas o secciones.

En la pestaña de mantenimiento se encuentran tareas como ejecutar scripts periódicos (diarios, semanales, mensuales), reconstruir servicios, reparar permisos (en versiones antiguas), limpiar logs del sistema, etc. Es recomendable ejecutar estas tareas de mantenimiento una vez al mes.

En la pestaña herramientas podemos encontrar Acceso a funciones ocultas del sistema como ver apps o servicios que normalmente están escondidos, activar o desactivar elementos del Dock, del Finder, diagnósticos de red, funciones adicionales del sistema o programar tareas como el apagado automático, tareas de mantenimiento o ejecuciones de servicios.

La pestaña archivos ofrece procesos para el borrado definitivo de ficheros, limpieza de papeleras, desinstalación limpia de aplicaciones y paquetes así como modificar la visibilidad de ficheros o verificar su integridad.

La pestaña de seguridad permite gestionar los servicios de seguridad del sistema como el firewall de MacOS, FileVault o Gatekeeper.

El resto de pestañas, como búsqueda, información y parámetros, permiten ajustar o utilizar herramientas del propio sistema operativo pero en una interfaz más amigable que la Terminal.

Precaución con el uso de Onyx
Es una herramienta muy potente que nos permite ajustar nuestro hardware a parámetros muy específicos. Esto permite la aparición de cambios en el comportamiento de servicios y aplicaciones instaladas por lo que es muy recomendable documentarse antes de cambiar un parámetro o ajuste de Onyx en las tareas de mantenimiento y hacer un backUp del sistema si vamos a utilizar una herramienta de Onyx sin conocer los efectos secundarios.

Problemas con la actualización de Onyx

Cada versión de Onyx está optimizada para una versión específica de MacOS. Es habitual que tras una actualización de MacOS Onyx deje de funcionar o no permita auto actualizarse. Para evitar este problema es recomendable que, sin desinstalar Onyx de nuestro equipo, bajemos de nuevo el paquete de instalación de Onyx y la volvamos a reinstalar sobreescribiendo la versión anterior y sin borrar nada. Debemos asegurarnos de bajar la versión correcta para nuestra versión de MacOS.

Es obligatorio que, siempre, bajemos el instalador de Onyx de su sitio oficial. De esta forma evitaremos posible Malware o fraudes.

Nueva generación de herramientas automáticas de validación de la accesibilidad gracias a la inteligencia artificial

Publicado el

Las herramientas automáticas para la validación de barreras de accesibilidad, aunque conocidas sus limitaciones, son indispensables para las personas que diseñan y desarrollan interfaces digitales. Es conocido que la mayoría de estas barreras sólo pueden evaluar menos del 40% de los criterios de éxito de WCAG y que, en su evaluación, tampoco hay una precisión demasiado elevada.

La Inteligencia Artificial al rescate

Gracias a los últimos avances en la creación de modelos expertos con IA hay empresas como Evinced, que apuestan por el desarrollo de mejores herramientas, hoy podemos decir que tenemos a nuestra disposición la siguiente generación de las herramientas automáticas para la validación de la accesibilidad.

En algunos casos la mejora parece bastante evidente como sucede con Site scanner, una herramienta para analizar las barreras de accesibilidad en un sitio web de forma global ofreciendo resultados agrupados por componentes o incluso zonas que requieran de un usuario y contraseña. Lo interesante de esta herramienta es que, según sus creadores, pueden validar el 80% de los criterios de éxito y los resultados son más fiables. Por ejemplo, que una imagen tenga una cadena de texto ya no es suficiente para validar ese criterio de éxito, la descripción también debe ser algo comprensible y no el nombre del fichero del archivo de imagen.

Otra diferencia importante es que pueden analizar el contenido y la funcionalidad del renderizado del DOM (Document Object Model) por lo que algunos problemas de accesibilidad no visibles para Wave o AXE debido al uso de ReactJS o Angular si son detectados por esta nueva generación de herramientas.

La accesibilidad no sólo es Web

Las Web Content Accessibility Guidelines (WCAG) también se aplican a las aplicaciones de los smartphones pero las herramientas de automatización de experiencias son pocas y casi ninguna incluye alguna herramienta de validación de la accesibilidad de forma fiable ya que, en muchos casos, el acceso al dispositivo móvil se realiza mediante capturas de pantalla, perdiendo el acceso a la capa semántica de las aplicaciones móviles.

  El Automation SDK de Evinced se integra con los tests automatizados de Selenium, Cypress, Playwright, XCUITest o Appium para dar ese extra para poder evaluar las posibles barreras de accesibilidad en una web o una app móvil.

Accesibilidad desde el diseño

Los diseñadores de contenidos o de experiencia de usuario, en muchos casos, utilizan aplicaciones como Figma para hacer ese diseño de experiencia de una web o una app móvil. Aunque este tipo de herramienta ofrecen algunos plugins relacionados con la accesibilidad, todos ellos son de ejecución manual y, cuando el frame de diseño de un proyecto es demasiado grande, hay muchas posibilidades de que haya componentes o flujos que se hayan quedado sin evaluar.

Con el plugin de Design Assistant para Figma se promete una evaluación automatizada de todos los elementos del proyecto y aplicando los evaluadores mejorados con IA se ofrece la detección y corrección de problemas de contraste de color, problemas de foco y zonas táctiles, flujos ARIA y otras validaciones de criterios de éxito de WCAG.

Además este plugin ofrece la posibilidad de incluir notas para los desarrolladores para que durante la implementación del diseño se incluyan las soluciones a las barreras de accesibilidad y ejemplos para diseñar tests unitarios.

Los desarrolladores también tienen más herramientas

Las herramientas de desarrollo de Google Chrome pueden mejorarse gracias a Debugger, una extensión para este navegador que usando IA mejora la detección de errores de contraste de color o de navegación por teclado y también mejora la detección de problemas con etiquetas de accesibilidad. Además proporciona ejemplos para solucionar los problemas detectados.

En el apartado para el CI/CD (Integración continua y distribución continua) Evinced ofrece Unit Tester, una herramienta automática para crear tests para la validación de criterios de éxito WCAG 2.1 nivel AA para problemas de roles, teclado y lectores de pantalla.

Se puede integrar de forma sencilla en los pipelines de Jenkins, Travis o CircleCI.

Conclusiones y realidades

Esta empresa ofrece otras herramientas para el apoyo de diseñadores, testers, desarrolladores y analistas. Todo enfocado en la detección y solución de barreras de accesibilidad.

Como con cualquier solución automática, no reemplaza la evaluación manual ni pruebas con usuarios reales con discapacidad. La experiencia final de un usuario es la única prueba que validará la accesibilidad al 100%. Estas herramientas ayudan a los profesionales a poder mejorar su trabajo y, de forma voluntaria o involuntaria, hacer que todo sea más accesible.

El desconocimiento de la accesibilidad es el primer problema que tiene el mundo de la accesibilidad digital. Muchos profesionales del diseño o el desarrollo usan sus herramientas de trabajo sin molestarse en comprender que hay elementos técnicos que se salen de su tecnología de trabajo. Gracias a estas herramientas esos profesionales tienen un contacto con la accesibilidad de forma más cómoda, guiada y no les exige un esfuerzo inicial de aprendizaje. Lo toman como algo a solucionar en su trabajo y siguen los consejos e indicaciones de la IA para solucionar ese problema de accesibilidad.

Estas herramientas siguen en desarrollo y están abiertas a mejora ya que todavía hay casos complejos de accesibilidad que la IA no sabe resolver. Además, por ahora, sólo se da soporte para contenidos en inglés.

Lo interesante de este conjunto de herramientas es que el enfoque se aplica a todos los sectores relacionados con un proyecto web o una app móvil. La responsabilidad de la accesibilidad no recae en un único profesional. Con estas herramientas todos los profesionales, desde el diseñador al desarrollador y el tester tienen contacto con la accesibilidad. Esto maximiza la posibilidad de que la mayor cantidad posible de barreras de accesibilidad sean detectadas y solucionadas antes de que el producto sea puesto a disposición de los usuarios. Un enfoque interesante y muy alineado con el concepto de que la accesibilidad debe aplicarse a todas las etapas de un proyecto.

Esperemos que pronto veamos que este tipo de herramientas automáticas mejoran el trabajo de muchos profesionales y facilitan que la accesibilidad sea parte real de los proyectos.