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.