Visión General del Panel de Análisis

Revise los puntos clave en el panel de análisis de axe Expert

El panel de Analyze de la extensión axe Expert le permite analizar de forma automática la página web que está cargada actualmente en el navegador para detectar violaciones de reglas de accesibilidad. Muestra el número total de violaciones encontradas en la parte 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 panel de violated rules a 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 proporciona varios campos de información sobre la regla, la fuente de la violación y cómo puede ser remediada. Las herramientas adicionales incluyen la capacidad de navegar entre múltiples violaciones para una regla particular y enlaces que le permiten inspeccionar, resaltar, ver más información sobre, exportar o subir violaciones a o descargar problemas de axe Monitor.

Acerca de las Reglas: Las reglas automatizadas que se ejecutan están basadas en la opción de conjunto de reglas que usted selecciona en el panel de Reglas.

Visión General de la Interfaz de Usuario del Panel de Análisis

El panel de análisis está compuesto por dos barras de herramientas y tres paneles principales de información. En conjunto, las barras de herramientas y paneles principales albergan los siguientes componentes:

1. Todos los problemas encontrados: El número total de violaciones encontradas para las reglas de todos se muestra, 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 de la lista desplegable para mostrar.

2. Enlace de ejecutar de nuevo: Active Run again para repetir el análisis de toda la página. Los análisis repetidos pueden cambiar respecto al análisis inicial teniendo en cuenta las violaciones previamente corregidas. Para información detallada, vea Analizar una Página en Busca de Violaciones de Reglas de Accesibilidad.

3. Lista desplegable de todos los problemas encontrados: Controla las violaciones de reglas que se muestran en la tabla de abajo. Seleccione la flecha hacia abajo para elegir entre All Issues, Violations, Needs Review, Rejected o Best Practices.

   Cuando se selecciona Needs Review, la lista de reglas violadas incluye problemas que necesitan revisión manual. Por ejemplo, posibles problemas de contraste de color que no pueden determinarse programáticamente no son necesariamente violaciones técnicas de 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 un texto descriptivo corto. Para mostrar más información en el panel de contenido derecho, seleccione una regla.

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

5. Recuento de violaciones de reglas: El número de violaciones encontradas por regla 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 basados en su selección en la lista desplegable para mostrar.

6. Enlace de inspección de nodo: Active Inspect Node para inspeccionar el código fuente donde ocurre la violación seleccionada en la herramienta de desarrollador Inspector. Para información detallada, vea Inspeccionar Violaciones.

7. Enlace de resaltar: Active Highlight para resaltar el elemento en el cual ocurre la violación en la visualización HTML renderizada de la página cargada. Para información detallada, vea Resaltar Violaciones.

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

9. Exportar CSV de axe Monitor: Descargue los resultados de análisis de axe Monitor en un archivo de valores separados por comas (.csv) adecuado para ver en un programa de hojas de cálculo como Excel. Para información detallada, vea Exportar Resultados de axe Expert Extension y axe Monitor.

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

11. Alcance: Muestra el panel de Alcance, que controla el alcance de lo que se analiza en el panel de Análisis. Esto incluye opciones para solo Contenido o Platilla, así como la capacidad de especificar un Patrón de URL o XPath. Para información detallada, vea Grabar un guion.

12. Descargar: Descargue problemas de página desde axe Monitor en la pestaña de Análisis. Para información detallada, vea Descargar Problemas de Página desde axe Monitor.

13. Subir: Cargar las violaciones de las reglas de análisis de resultados en axe Monitor. Para información detallada, vea Subir Resultados de Análisis.

14. Botones de navegación de violaciones: Active el botón de la flecha izquierda (<) y navegue a la violación anterior, después de haber navegado previamente 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. La opción Violación # de total muestra el número de la violación actualmente accedida de una regla, junto con el número total de violaciones encontradas para esa regla. Haga clic en el botón de la flecha derecha (>) para navegar a la siguiente violación si existen múltiples 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 severidad: Se muestra el nivel de severidad del impacto sobre la accesibilidad resultado de la violación de esta regla.

16. Enlace de más información: Haga clic para ver la ayuda de reglas de Deque University para axe - contenido gratuito cuando no está registrado, o axe Expert - contenido mejorado premium cuando está registrado, donde puede obtener información sobre Cómo Solucionar el Problema y Por Qué Esto es Importante. Para información detallada sobre cómo acceder e interpretar la ayuda de reglas, vea Obtener Más Información sobre Reglas y Remediaciones.

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

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

19. Etiquetas de problemas: Etiquetas de categoría y directrices aplicables. El cajón de Etiquetas de Problemas se expande por defecto y se puede colapsar seleccionando el botón de flecha 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 directrices de accesibilidad relevantes (estándares de conjunto de reglas) que la regla ayuda a satisfacer.

20. Sección Resumen de la Solución: Se proporciona consejo de remediación en el contexto de uno o más problemas que pueden resolverse para satisfacer la regla y prevenir una violación futura. Además de la información resumida para corregir la violación, también se muestran los nodos relacionados cuando sea aplicable.