JH A11y tools

Tracking since Apr 6, 2026.

Changelog

• May 7, 2026
  description

  JH A11y Tools es una extensión técnica diseñada para facilitar las auditorías de accesibilidad web a equipos de QA y desarrollo. Permite validar un pequeño conjunto de criterios clave de las pautas WCAG de forma visual y directa sobre el navegador, manteniendo un entorno de trabajo limpio y profesional.
  
  Centraliza en una sola herramienta utilidades que habitualmente requieren múltiples extensiones y configuraciones manuales en DevTools, facilitando la revisión de texto, reflow, nombres accesibles y objetivos táctiles.
  
  FUNCIONALIDADES PRINCIPALES
  AMPLIAR SOLO TEXTO: Tres modos para revisar el comportamiento del diseño al aumentar texto sin depender del zoom global del navegador:
  - HTML 200%: incrementa el tamaño base del documento desde la raíz (html), útil para observar tipografía y layout a nivel global.
  - Computed x2: duplica los tamaños de texto calculados en los elementos, facilitando la identificación visual de solapes, recortes o pérdidas de legibilidad.
  - Computed x2 forzado: aplica el incremento x2 venciendo estilos restrictivos cuando el modo normal no refleja cambios en todos los componentes.
  
  ESPACIADO DE TEXTO (WCAG 1.4.12): Aplica ajustes de line-height, letter-spacing y word-spacing para verificar legibilidad y estabilidad del contenido en las condiciones de la pauta.
  
  REFLOW Y ZOOM (WCAG 1.4.10): Facilita la validación de escenarios de reflow y la inspección visual de desbordamientos horizontales mediante emulación de resoluciones específicas, para verificar si el contenido se adapta correctamente sin necesidad de scroll horizontal.
  
  EMULACIÓN MÓVIL Y TABLET: Simula viewport y contexto táctil para permitir revisión manual de adaptabilidad, orientación y patrones de interacción con puntero táctil emulado.
  
  NOMBRES ACCESIBLES: Visualiza qué nombre recibe cada elemento para tecnologías de asistencia y clasifica su origen (texto, ARIA, label, etc.). Expone casos de nombre potencialmente débil (por ejemplo, cuando depende solo de placeholder o resulta poco descriptivo), permitiendo detectar discrepancias entre la experiencia visual y la del lector de pantalla para facilitar la revisión semántica.
  
  TAMAÑO ELEMENTOS INTERACTIVOS (TARGET SIZE, WCAG 2.2): Ayuda a identificar controles con áreas de interacción insuficientes. Resalta casos de fragmentación y marca elementos exentos para centrar la evaluación en los puntos críticos.
  
  CONFIGURACIÓN DEL PANEL: Permite mostrar u ocultar bloques de acciones según el flujo de auditoría de cada equipo y gestionar subopciones anidadas con sincronización padre-hijo para activar combinaciones de forma rápida.
  
  IDIOMA DE LA INTERFAZ: El popup puede configurarse en automático, español o inglés para adaptarse al idioma de trabajo sin cambiar el idioma global del navegador.
  
  INDICADORES DE ESTADO EN EL POPUP: Muestra el número de acciones activas y mantiene mensajes de estado más claros para facilitar el seguimiento de la sesión de auditoría.
  
  RECOMENDACIONES DE USO
  Esta herramienta optimiza el flujo de trabajo del auditor, pero no sustituye el criterio técnico profesional.
  - Validación manual: se recomienda revisión complementaria.
  - Contraste con DevTools: especialmente al inicio, conviene contrastar hallazgos con las DevTools nativas de Chrome.
  
  PRIVACIDAD Y SEGURIDAD
  Herramienta profesional ligera y sin dependencias externas. No recopila datos, no rastrea la actividad del usuario y está optimizada para trabajar de forma segura en entornos de prueba locales y de pre-producción. Toda la lógica de análisis se ejecuta íntegramente en el cliente.
  
  
  NOVEDADES DE LA VERSIÓN 2.14.21
  
  CORRECCIÓN DE OVERLAYS EN NOMBRES ACCESIBLES: Se ha corregido la apertura y cierre de los overlays para que la inspección de detalles sea más estable en casos reales.
  CORRECCIÓN DE OVERLAYS EN TARGETS 2.5.8: Se ha corregido la apertura de overlays de targets y su comportamiento al activarse por primera vez.
  MEJORA EN OCULTOS PARA AT: La detección incluye correctamente controles visibles con aria-hidden="true" y el contador se mantiene estable al hacer scroll.
  AJUSTES VISUALES Y DE ESTABILIDAD: Correcciones menores en iconos y refinamientos para mejorar la consistencia de los overlays durante la revisión.
  
  
  NOVEDADES DE LA VERSIÓN 2.11.2
  
  MEJORAS DE CONFIGURACIÓN EN EL POPUP: Se incorpora configuración por bloques con subopciones anidadas y sincronización padre-hijo para controlar mejor qué utilidades están visibles y activas.
  IDIOMA DEL POPUP: Nuevo ajuste de idioma de interfaz (automático, español o inglés) para facilitar el uso en equipos mixtos.
  EVOLUCIÓN DE NOMBRES ACCESIBLES: Mejoras en clasificación, conflictos y señales de nombres débiles para reducir ruido y facilitar revisión semántica en casos reales.
  MAYOR PRECISIÓN EN TARGET SIZE: Ajustes en la detección de áreas fragmentadas y refinamiento visual de estados para reducir falsos positivos.
  ROBUSTEZ EN VIEWPORT/REFLOW: Mejoras en estabilidad de emulación, sincronización del estado tras eventos del debugger y comportamiento del popup en escenarios de auditoría continua.
  AJUSTES DE UX Y LEGIBILIDAD: Refinos de interfaz en cabecera/subtítulo, contadores y mensajes para una lectura más clara durante el análisis.

  JH A11y tools es una extensión técnica para agilizar revisiones de accesibilidad web en equipos de QA, desarrollo y auditoría. Reúne acciones rápidas para comprobar comportamientos clave directamente en el navegador: ampliación de texto, espaciado, reflow, viewports móviles, nombres accesibles, tamaño de elementos interactivos y orden del foco.
  
  La extensión no sustituye una auditoría manual ni el criterio profesional, pero reduce trabajo repetitivo, hace visibles problemas frecuentes y permite revisar una página real con superposiciones, filtros y modo lista sin depender de varias extensiones separadas.
  
  FUNCIONALIDADES PRINCIPALES
  
  AMPLIAR SOLO TEXTO: Permite revisar cómo responde el diseño cuando aumenta el texto sin usar el zoom global del navegador.
  - HTML 200%: incrementa el tamaño base del documento.
  - Computed x2: duplica tamaños calculados de texto.
  - Computed x2 forzado: aplica el aumento venciendo estilos restrictivos cuando el modo normal no refleja cambios en todos los componentes.
  
  ESPACIADO DE TEXTO (WCAG 1.4.12): Aplica valores de espaciado para revisar line-height, letter-spacing y word-spacing, y detectar solapes, recortes o pérdida de legibilidad.
  
  REFLOW Y ZOOM (WCAG 1.4.10): Facilita pruebas de reflow a 200% y 400%, incluyendo escenarios con ancho de referencia 1280, para localizar desbordamientos horizontales y problemas de adaptación.
  
  VIEWPORT MÓVIL Y TABLET: Simula tamaños habituales de móvil y tablet en vertical u horizontal para revisar adaptabilidad, orientación y comportamiento con puntero táctil emulado.
  
  NOMBRES ACCESIBLES: Muestra el nombre accesible de elementos interactivos, clasifica su origen y ayuda a detectar elementos sin nombre, nombres débiles, nombres duplicados o discrepancias entre la experiencia visual y la que recibe una tecnología de asistencia.
  
  TAMAÑO ELEMENTOS INTERACTIVOS (TARGET SIZE, WCAG 2.2): Ayuda a revisar áreas de interacción insuficientes, diferencia elementos que cumplen, fallan o pueden estar exentos, y muestra información de rol, tipo, contexto y posible fragmentación del área activa.
  
  ORDEN DEL FOCO: Numera el recorrido de tabulación y destaca elementos con posibles problemas de foco, como tabindex positivo, foco dentro de contenido oculto, elementos desactivados que reciben foco, áreas diminutas, elementos fuera de pantalla o sin caja visible. Posibilidad de ver flechas indicando la sucesión del foco.
  
  MODO SUPERPOSICIÓN Y MODO LISTA: Nombres accesibles, targets y orden del foco pueden revisarse como overlays sobre la página o como lista filtrable. El modo lista permite navegar resultados, seleccionar elementos, ver selector, rol/tipo/contexto, notas y ruta completa cuando es relevante.
  
  FILTROS DE REVISIÓN: Permite ocultar elementos correctos y filtrar por categorías para centrar la revisión en errores, avisos, ocultos, exentos o casos que requieren comprobación manual.
  
  CONFIGURACIÓN DEL PANEL: Permite mostrar u ocultar bloques de acciones y ajustar el panel al flujo de trabajo del equipo. Los grupos son excluyentes cuando sus overlays pueden interferir entre sí.
  
  IDIOMA DE LA INTERFAZ: El popup puede configurarse en automático, español o inglés sin cambiar el idioma global del navegador.
  
  RECOMENDACIONES DE USO
  
  - Usar como apoyo de auditoría, no como veredicto automático.
  - Contrastar hallazgos relevantes con DevTools, lector de pantalla y pruebas manuales.
  - Revisar manualmente los casos marcados como exentos, fragmentados o sospechosos.
  - Comprobar especialmente componentes personalizados, menús, modales, formularios y patrones dinámicos.
  
  PRIVACIDAD Y SEGURIDAD
  
  JH A11y tools ejecuta la lógica de análisis en el cliente. No vende datos, no rastrea la actividad del usuario y no envía el contenido de las páginas a servidores externos. Está pensada para trabajar de forma ligera en entornos locales, de desarrollo, QA y preproducción.
  
  NOVEDADES DE LA VERSIÓN 2.17.5
  - ORDEN DEL FOCO: posibilidad de ver flechas indicando la sucesión del foco y mejor representación de elementos enfocables sin caja visible propia.
  - MODO LISTA: navegación más estable al mantener la posición de scroll y separar correctamente selección y previsualización al pasar el cursor.
  - PANEL: mejoras de estabilidad al conservar la posición del popup durante sesiones largas de revisión.
  
  NOVEDADES DE LA VERSIÓN 2.16.24
  
  - ORDEN DEL FOCO: nueva utilidad para visualizar y revisar el recorrido de tabulación, detectar tabindex positivo, foco en contenido oculto, elementos fuera de pantalla y otros problemas frecuentes.
  - MODO LISTA PARA REVISIÓN: nombres accesibles, targets y orden del foco incorporan una vista en lista con filtros, navegación, selección en página, detalles del elemento y selector.
  - TARGETS Y NOMBRES ACCESIBLES: mejoras en overlays, filtros, contadores, selección, detalles arrastrables y limpieza visual al desactivar o reiniciar.
  - PANEL MÁS ERGONÓMICO: secciones colapsables, modos excluyentes cuando corresponde, scroll más fino y controles más consistentes para sesiones largas de auditoría.
  - ESTABILIDAD: mejoras en mensajería del popup, acceso a pestañas, reconstrucción de overlays y comportamiento al alternar filtros como "Ocultar elementos correctos".
  
  NOVEDADES DE LA VERSIÓN 2.14.21
  
  - CORRECCIÓN DE OVERLAYS EN NOMBRES ACCESIBLES: se corrigió la apertura y cierre de overlays para que la inspección de detalles sea más estable en casos reales.
  - CORRECCIÓN DE OVERLAYS EN TARGETS 2.5.8: se corrigió la apertura de overlays de targets y su comportamiento al activarse por primera vez.
  - MEJORA EN OCULTOS PARA AT: la detección incluye correctamente controles visibles con aria-hidden\u003d"true" y el contador se mantiene estable al hacer scroll.
  - AJUSTES VISUALES Y DE ESTABILIDAD: correcciones menores en iconos y refinamientos para mejorar la consistencia de los overlays durante la revisión.
  
  NOVEDADES DE LA VERSIÓN 2.11.2
  
  - MEJORAS DE CONFIGURACIÓN EN EL POPUP: configuración por bloques con subopciones anidadas y sincronización padre-hijo para controlar mejor qué utilidades están visibles y activas.
  - IDIOMA DEL POPUP: ajuste de idioma de interfaz en automático, español o inglés para facilitar el uso en equipos mixtos.
  - EVOLUCIÓN DE NOMBRES ACCESIBLES: mejoras en clasificación, conflictos y señales de nombres débiles para reducir ruido y facilitar revisión semántica en casos reales.
  - MAYOR PRECISIÓN EN TARGET SIZE: ajustes en la detección de áreas fragmentadas y refinamiento visual de estados para reducir falsos positivos.
  - ROBUSTEZ EN VIEWPORT/REFLOW: mejoras en estabilidad de emulación, sincronización del estado tras eventos del debugger y comportamiento del popup en escenarios de auditoría continua.
  - AJUSTES DE UX Y LEGIBILIDAD: refinamientos de interfaz en cabecera, contadores y mensajes para una lectura más clara durante el análisis.

• May 7, 2026
  short_description

  Acciones r?pidas de accesibilidad

  Acciones rápidas de accesibilidad

Permissions & access

Permissions

activeTabclipboardWritedebuggertabsstorage

Host access

<all_urls>

Screenshots

Similar extensions

Alternatives to JH A11y tools, ranked by description similarity.

aGoDevTools

All-in-one developer toolkit: inspect, edit, capture, debug, analyze and optimize any website.

—

AccessQA

Análisis de accesibilidad web desde perspectiva QA

—

CheckealosUX

Join studies and earn rewards for your interactions in usability tasks.

163

XPath Explorer

Usa XPath en webs para inspección web. Panel lateral muy práctico. Por Roberto (https://www.linkedin.com/in/roberto-montaner-seo/)

3

Accessibility & Responsive Checker

Analyzes accessibility and responsive design of web pages with detailed reports

12

★ 5.0

NetSuite Full Tools

Herramientas para NetSuite: SuiteQL Runner, prettifiers SQL/JSON, scripts, workflows, PDFs, búsquedas y paleta de comandos.

279

★ 5.0

Debug Consola

Consola de debugging para peticiones HTTP

2

Accessibility Checker

The ultimate website accessibility checker. Scans interactive elements and color contrast. Exports instant HTML/JSON/CSV reports.

75