JH A11y tools

Acciones r?pidas de accesibilidad

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.