JH A11y tools

Acciones rápidas de accesibilidad

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.