The Color Contrast Checker

El proyecto The Color Contrast Checker es una herramienta web orientada a revisar el contraste entre colores y facilitar el cumplimiento de las pautas de accesibilidad relacionadas con la legibilidad visual. Su objetivo principal es permitir que diseñadores, desarrolladores y responsables de contenido comprueben si una combinación de color de texto y fondo alcanza los niveles exigidos por WCAG para los criterios AA y AAA.

La propia herramienta se presenta como un comprobador gratuito de contraste WCAG con sugerencias para encontrar combinaciones de color accesibles.

El contraste de color es uno de esos aspectos de la accesibilidad que puede parecer sencillo hasta que se analiza con cierta atención. No es suficiente con que dos colores parezcan diferentes en una pantalla concreta, con un brillo concreto y en unas condiciones de iluminación concretas. Una combinación que para una persona resulta aceptable puede ser insuficiente para otra con baja visión, daltonismo, fatiga visual o simplemente utilizando el dispositivo en un entorno poco favorable.

La accesibilidad visual no depende únicamente del tamaño de la letra ni de la calidad tipográfica. También depende de la relación entre el color del primer plano y el color del fondo. Cuando esa relación de contraste de color es baja, el contenido puede seguir estando técnicamente presente, pero deja de ser cómodo, eficiente o incluso posible de leer para gran parte de los usuarios. En esa situación el problema deja de ser estético para convertirse en un problema funcional.

Herramientas como The Color Contrast Checker ayudan a convertir una percepción subjetiva en un dato verificable. El diseñador puede introducir los colores, comprobar la relación de contraste y conocer si la combinación cumple o no los umbrales establecidos. Esta verificación resulta especialmente útil porque evita depender únicamente de la intuición, de la vista del diseñador o de la apariencia en una única pantalla.

WCAG utiliza ratios de contraste para determinar si un texto resulta suficientemente distinguible respecto a su fondo. En el modelo tradicional de WCAG 2, la escala va de 1:1, cuando no hay contraste, hasta 21:1, que corresponde al contraste máximo entre negro y blanco. Otras herramientas actuales también incorporan APCA, un modelo perceptual propuesto en el contexto de WCAG 3, que expresa el contraste mediante valores de luminancia percibida en lugar de utilizar el ratio clásico.

La revisión del contraste no debería considerarse una fase final del proyecto. Debería formar parte del diseño desde el principio. Si una paleta no permite combinaciones suficientes para texto normal, texto grande, componentes interactivos y estados de interfaz, el problema no está en la herramienta que lo detecta. El problema está en la definición de la propia paleta.

También conviene recordar que una buena puntuación de contraste no resuelve por sí sola toda la accesibilidad visual. Un texto puede tener contraste suficiente y seguir siendo difícil de leer por usar un tamaño demasiado pequeño, una fuente poco clara, demasiado espaciado negativo, bloques extensos sin estructura o información transmitida solamente mediante color.

Proyecto BlindTex para matemáticas accesibles con LaTeX

El proyecto BlindTex es un proyecto orientado a convertir expresiones matemáticas escritas en LaTeX a lenguaje natural, con el objetivo de facilitar su lectura mediante productos de apoyo como lectores de pantalla y dispositivos braille. La idea es la de transformar una sintaxis pensada para composición matemática en una salida más cercana al lenguaje hablado para recorrer el contenido y entender y recorrer con mayor facilidad.

El proyecto se presenta como una herramienta de accesibilidad especializada en la conversión de ecuaciones escritas en LaTeX a lenguaje natural. Su enfoque está dirigido a reducir barreras de acceso al conocimiento científico y técnico para personas ciegas o con baja visión.

LaTeX es uno de los formatos más utilizados para escribir fórmulas matemáticas, artículos científicos, apuntes técnicos y documentación universitaria.

Un contenido puede estar bien escrito para ser renderizado visualmente. Pero eso no implica que sea fácil de interpretar de forma auditiva. Una expresión como una fracción, una raíz o una potencia puede volverse ambigua o muy difícil de seguir si no se expresa con una estructura verbal clara. BlindTex trabaja justamente sobre ese problema.

La herramienta no se limita a “leer caracteres”, sino que se intenta trasladar la estructura matemática a una forma verbal. En la documentación del repositorio se muestra como ejemplo la conversión de una fracción escrita en LaTeX a una salida como fracción 2 sobre 3 más 4 finFracción, dando una idea más clara de la jerarquía de la expresión matemática.

Instalación y uso

BlindTex puede instalarse desde Python con usando pip y se debe ejecutar desde la terminal.

El proyecto incluye una web pública de presentación y una aplicación web para probar conversiones, lo que ayuda a acercar la herramienta tanto a desarrolladores como a potenciales usuarios finales o docentes interesados en experimentar con ella.

Software libre y posibilidad de colaboración

BlindTex se distribuye como proyecto de código abierto bajo licencia GPL-3.0 y mantiene su código en GitHub.

Accessible stopwatch para MacOS: simple, útil y accesible

Ya está disponible en la MacAppStore la última aplicación de Tyflos Accessible Software. Esta aplicación es Accessible stopwatch.

Esta app está diseñada para medir el tiempo de forma rápida, clara y totalmente accesible. Perfecta para contabilizar cuánto tardas en completar una tarea, controlar el tiempo de trabajo de un equipo o llevar el seguimiento de cualquier actividad en la que necesites un cronómetro sencillo y fiable.

Esta aplicación nace de la necesidad concreta de tener una app disponible en MacOS para controlar el tiempo invertido en completar ciertas tareas pero buscando no ser intrusiva y no crear barreras cognitivas y solucionar otras carencias de accesibilidad en apps de este tipo.

Puedes descargar esta app de la MacAppStore.

Qué es Axe DevTools

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

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

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.