Media
5 items
Description
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, orden del foco y orden de encabezados. 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 con medición del área operable real, no solo de la caja visual. Permite elegir entre WCAG 2.5.8 nivel AA (24×24 CSS px, con excepción por separación) y WCAG 2.5.5 nivel AAA (44×44 CSS px, sin excepción por separación). Diferencia elementos que cumplen, fallan, pueden cumplir por separación o pueden estar exentos, y muestra dimensiones, rol, tipo, contexto, selector y notas de diagnóstico. Incluye casos como áreas recortadas por clipping, formas no rectangulares, etiquetas asociadas, targets fragmentados, barras de desplazamiento personalizadas finas y posibles capas superpuestas que bloquean la zona operable. Una política estricta opcional permite contabilizar excepciones detectables como errores forzados sin ocultar el resultado WCAG original. 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. ORDEN DE ENCABEZADOS: Revisa la jerarquía H1-H6 y role=heading, marca saltos de nivel, encabezados de nivel 1 adicionales, encabezados ocultos para tecnologías de asistencia y otros casos que requieren revisión manual. Su mapa jerárquico compacto muestra niveles, estados y orden del documento, permite plegar secciones y mantiene el detalle técnico bajo selección. CONTEXTO DE MODALES: Detecta la modal activa y adapta el alcance de Orden del foco y Orden de encabezados a su contenido. Cuando la detección no es concluyente, permite confirmar o descartar el contexto. En Orden del foco observa la navegación real con Tab y Mayús+Tab, el foco inicial y la restauración al cerrar para diferenciar posibles escapes de foco de escapes confirmados, sin sustituir la comprobación manual. MODO SUPERPOSICIÓN Y MODO LISTA: Nombres accesibles, targets, orden del foco y orden de encabezados 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. En Orden de encabezados adopta una vista jerárquica con ramas expandibles y contraíbles. 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, seleccionar el criterio de Target Size y aplicar una política más estricta a excepciones detectables. Los grupos son excluyentes cuando sus overlays pueden interferir entre sí. PRESENTACIÓN DEL PANEL: Elige cómo y dónde utilizar las herramientas: en el popup original, en un panel flotante que puede moverse y redimensionarse, o en un panel lateral acoplado a la izquierda o a la derecha. La extensión recuerda el modo, el tamaño y la posición elegidos. El panel se muestra sobre la página sin modificar su maquetación. Cuando una acción requiere aplicar zoom nativo o simular un viewport, puede continuar en el popup original para mantener el panel a su tamaño habitual; esta preferencia puede modificarse desde Configuración. 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, sospechosos o potencialmente bloqueados. - Comprobar especialmente componentes personalizados, menús, modales, formularios, barras de desplazamiento personalizadas 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.27.6 - MAPA DE ENCABEZADOS: nueva vista jerárquica compacta con niveles H1-H6, estado, orden del documento, ramas plegables y detalle técnico bajo selección. - PANEL, ZOOM Y VIEWPORTS: el panel flotante o acoplado puede pasar al popup original antes de aplicar zoom nativo o viewports para evitar que el propio panel se amplíe. - PREFERENCIA REVERSIBLE: permite recordar el cambio directo al popup original y desactivarlo posteriormente desde Configuración. - RESULTADOS COHERENTES: Nombres accesibles, Targets, Orden del foco y Orden de encabezados comparten diagnósticos, filtros y textos consistentes entre Superposición y Lista. - CONTENIDO DINÁMICO: las listas se actualizan de forma estable cuando cambia la página, conservando la secuencia del foco y los recuentos necesarios para la revisión. NOVEDADES DE LA VERSIÓN 2.25.4 - CONTEXTO DE MODALES: Orden del foco y Orden de encabezados detectan la modal activa, limitan y renumeran el análisis dentro de ella y permiten revisar candidatos cuando el contexto no es concluyente. - CONTENCIÓN DEL FOCO: observación de Tab y Mayús+Tab, foco inicial y restauración al cerrar para diferenciar posibles escapes de foco de escapes confirmados. - PANEL FLEXIBLE: popup original, panel flotante arrastrable y redimensionable o acoplado a izquierda/derecha, con persistencia de modo, tamaño y posición. NOVEDADES DE LA VERSIÓN 2.20.2 - TARGET SIZE AA Y AAA: nuevo selector entre WCAG 2.5.8 nivel AA (24×24 CSS px) y WCAG 2.5.5 nivel AAA (44×44 CSS px), con cálculos, estados y recomendaciones adaptados al criterio elegido. - TRATAMIENTO ESTRICTO DE EXCEPCIONES: opciones para contabilizar como errores forzados los casos que cumplen por separación, los enlaces en línea exentos y los controles nativos exentos, conservando el resultado WCAG original para revisión. - INDICADORES DE ELEMENTOS FUERA DE VISTA: targets, nombres accesibles, orden del foco y orden de encabezados unifican los indicadores +N en los bordes del viewport. - CONFIGURACIÓN MÁS LIMPIA: vista de ajustes más compacta y estable, con un único desplazamiento para evitar saltos y barras duplicadas. NOVEDADES DE LA VERSIÓN 2.19.26 - ORDEN DEL FOCO Y ENCABEZADOS: mejoras de estabilidad en overlays, listas, filtros y comunicación con la página. - INDICADORES DE SCROLL EN OVERLAYS: targets, orden del foco y orden de encabezados muestran un indicador neutral como +N cuando hay elementos ocultos por scroll, evitando acumulaciones de badges en los bordes. - TARGETS 2.5.8: diagnósticos más claros para capas superpuestas, cambios de tamaño y casos con elementos fuera del viewport. - ESTABILIDAD Y CORRECCIONES: mejoras de robustez en el arranque de módulos, bundle de contenido, estados de revisión y experiencia visual de las superposiciones. NOVEDADES DE LA VERSIÓN 2.19.7 - ORDEN DE ENCABEZADOS: nueva utilidad para revisar jerarquía H1-H6 y role\u003dheading, detectar saltos de nivel, encabezados de nivel 1 adicionales y encabezados ocultos para tecnologías de asistencia. - TARGETS 2.5.8: medición más precisa del área operable real en controles pequeños, recortados, fragmentados, con etiquetas asociadas o con formas no rectangulares. - EXCEPCIONES Y AVISOS EN TARGETS: detección más clara de posibles excepciones por separación, controles nativos sin personalizar, controles espaciales y posibles equivalentes cercanos. - SCROLLBARS Y CAPAS SUPERPUESTAS: avisos para barras de desplazamiento personalizadas finas y zonas operables potencialmente bloqueadas por capas superpuestas. - MENSAJES DE TARGET SIZE: dimensiones, estados y recomendaciones más consistentes para reducir ruido durante la revisión manual. - ESTABILIDAD Y CORRECCIONES: mejoras en estados de revisión, filtros, badges, lista y overlays para evitar resultados engañosos y mantener mejor la coherencia visual. 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.