Descripción general del panel de análisis

Revisar puntos clave en el panel de análisis de axe Expert

El panel de la Extensión de axe Expert Analyze le permite analizar automáticamente la página web que está cargada actualmente en el navegador para detectar violaciones de las reglas de accesibilidad. Muestra el número total de violaciones encontradas en la sección superior de la barra lateral izquierda, el número total de problemas que necesitan revisión y el número de violaciones por regla en la columna derecha de cada fila de reglas en la lista del panel inferior izquierdo. El violated rules panel de la izquierda funciona como un índice en el que se puede hacer clic en cada regla para mostrar su contenido en el panel derecho. El panel de contenido derecho le brinda varios campos de información sobre la regla, la fuente de la violación y cómo se puede remediar. Las herramientas adicionales incluyen la capacidad de navegar entre múltiples violaciones de una regla en particular y enlaces que le permiten inspeccionar, resaltar, ver más información, exportar o subir violaciones a axe Monitor o descargar problemas desde axe Monitor.

Acerca de las reglas: Las reglas automatizadas que se ejecutan se basan en la opción de conjunto de reglas que seleccione en el panel Reglas .

Descripción general de la interfaz de usuario del panel de análisis

El panel de Análisis se compone de dos barras de herramientas y tres paneles principales de información. En conjunto, las barras de herramientas y los paneles principales albergan los siguientes componentes:

1. Todos los problemas encontrados: Se muestra el número total de violaciones encontradas para todas las reglas, seguido por el número de problemas que necesitan revisión en la línea de abajo.

   Estos números no cambian según la selección del menú desplegable.

2. Enlace para ejecutar nuevamente: Activar Run again para repetir todo el análisis de la página. Los análisis repetidos pueden cambiar con respecto al análisis inicial teniendo en cuenta las violaciones corregidas previamente. Para obtener información detallada, consulte Analizar una página en busca de violaciones de las reglas de accesibilidad.

3. Menú desplegable Todos los problemas encontrados: Controla las violaciones de las reglas que se muestran en la siguiente tabla. Seleccione la flecha de despliegue para seleccionar All Issues, Violations, Needs Review, Rejected o Best Practices.

   Cuando se selecciona Needs Review , la lista de reglas violadas incluye problemas que requieren revisión manual. Por ejemplo, los posibles problemas de contraste de color que no se pueden determinar mediante programación no son necesariamente violaciones técnicas de las reglas.

4. Lista de resultados de violaciones de reglas: Cada violación de regla identificada aparece como una fila dentro de esta sección, mostrando una descripción breve. Para mostrar más información en el panel de contenido derecho, seleccione una regla.

   Su selección en las opciones del menú desplegable mostrar refina qué reglas aparecen en la lista, y aquellas que requieren una revisión manual se reflejan en los totales de la configuración 'todo', pero potencialmente no son problemas.

5. Recuento de violaciones de reglas: La cantidad de violaciones encontradas por regla que se muestra a la derecha de cada elemento de la lista en la lista de resultados de violaciones de reglas.

   Los recuentos están sujetos a cambios según su selección en la lista desplegable mostrar.

6. Enlace Inspeccionar nodo: Activar Inspect Node para inspeccionar el código fuente donde ocurre la violación seleccionada en la herramienta para desarrolladores Inspector. Para obtener información detallada, consulte Inspeccionar violaciones.

7. Resaltar enlace: Activar Highlight para resaltar el elemento en el que ocurre la violación en la visualización HTML renderizada de la página cargada. Para obtener información detallada, consulte Resaltar violaciones.

8. Menú contextual del panel: El menú contextual contiene elementos de enlace específicos del panel seleccionado actualmente que brindan acceso a opciones, acciones y funcionalidades adicionales relacionadas con el análisis de accesibilidad (incluidos Export axe Monitor CSV, Scope, Download y Upload). Haga clic derecho para mostrar la lista de elementos del menú contextual, haga clic derecho nuevamente para cerrar el menú.

9. Exportar CSV de axe Monitor: Descargue los resultados del análisis de axe Monitor en un archivo de valores separados por comas (.csv) adecuado para visualizar en un programa de hoja de cálculo como Excel. Para obtener información detallada, consulte Exportar resultados de la extensión AXE Expert y del axe Monitor.

10. iniciar sesión en axe Monitor: Sign in to axe Monitor es el tercer elemento del menú si el usuario no ha iniciado sesión o cuando una sesión ha expirado y el usuario intenta acceder a un elemento del menú que requiere iniciar sesión en axe Monitor. Para obtener más información, consulte Sign in to axe Monitor.

11. Alcance: Muestra el panel Alcance, que controla el alcance de lo que se analiza en el panel Analizar. Esto incluye opciones solo para Contenido o Plantilla, así como la capacidad de especificar un Patrón de URL o XPath. Para obtener información detallada, consulte Grabar un script.

12. Descargar: Descargue los problemas de la página de axe Monitor en la pestaña Análisis. Para obtener información detallada, consulte Descargar problemas de la página from axe Monitor.

13. Cargar: Cargar las violaciones de las reglas de resultados del análisis al axe Monitor. Para obtener información detallada, consulte Cargar resultados del análisis.

14. Botones de navegación de violaciones: Active el botón de flecha izquierda (****) y navegue hasta la violación anterior, después de navegar previamente hacia adelante más allá de la primera violación. La regla en el panel izquierdo permanece seleccionada, pero el panel de contenido se actualiza para mostrar la violación anterior. Violación # de total muestra el número de violaciones de una regla a las que se accedió actualmente, junto con el número total de violaciones encontradas para esa regla. Haga clic en el botón de flecha derecha (>) para navegar a la siguiente violación si existen varias violaciones para la regla seleccionada. La regla en el panel izquierdo permanece seleccionada, pero el panel de contenido se actualiza para mostrar la siguiente violación.

15. Visualización de gravedad: Se muestra el nivel de gravedad del impacto en la accesibilidad resultante de una violación de esta regla.

16. Enlace para obtener más información: Haga clic para ver la ayuda de la regla de Deque University para axe (contenido gratuito cuando no ha iniciado sesión) o axe Expert (contenido premium mejorado cuando ha iniciado sesión), donde puede obtener información sobre Cómo Solucionar el Problema y Por Qué es Importante. Para obtener información detallada sobre cómo acceder e interpretar la ayuda de reglas, consulte Obtener más información sobre reglas y remediación.

17. Campo de ubicación del elemento: La ruta dentro de la estructura jerárquica de etiquetas que se muestra para representar la navegación al elemento en el que ocurre la violación seleccionada actualmente.

18. Campo de origen del elemento: Muestra el código fuente del elemento relevante en el que se produce la violación.

19. Etiquetas de problema: Etiquetas de categorías y pautas aplicables. El panel de etiquetas de problemas está expandido de forma predeterminada y se puede contraer seleccionando el botón de la flecha hacia la derecha en el lado derecho de la sección. Las etiquetas de problemas muestran la categoría de criterios de éxito para la regla seleccionada actualmente y las pautas de accesibilidad relevantes (estándares de conjuntos de reglas) que la regla ayuda a satisfacer.

20. Sección Resumen de la solución: Se proporcionan consejos de remediación en el contexto de uno o más problemas que pueden resolverse para cumplir con la regla y evitar una futura violación. Además de la información resumida para corregir la infracción, el/los nodo(s) relacionado(s) también se muestran cuando corresponde.