Orientación Experta de axe

La extensión axe Expert se integra con las herramientas para desarrolladores de su navegador, que son una función incorporada diseñada para que los desarrolladores web examinen, solucionen y resuelvan problemas en las páginas web. Después de la instalación, la pestaña axe Expert aparece como una opción en la barra de pestañas Herramientas para desarrolladores. Al hacer clic en el botón, se muestran las cinco pestañas principales en una barra horizontal debajo de la barra de herramientas, cada una de las cuales tiene su propia barra de herramientas debajo de la barra de pestañas. Debajo de la barra de herramientas específica de cada pestaña encontrará los paneles principales de contenido de resultados, que a su vez muestran controles adicionales como botones y enlaces.

Componentes

Los siguientes cinco componentes principales se revelan después de habilitar la extensión axe Expert en la barra de herramientas DevTools:

1. Pestaña axe Expert: la pestaña ubicada en la parte superior del panel DevTools del navegador, incluido axe Expert. Para obtener información completa sobre la instalación, consulte Descarga e instalación de la extensión Axe Expert. Al hacer clic en su pestaña, axe Expert se convierte en la herramienta activa, mientras que las demás herramientas y controles de la caja de herramientas permanecen en la barra horizontal.

2. Menú de navegación desplegable del panel del menú principal: estas son las herramientas dentro de la herramienta, por así decirlo, que también podría considerar como "páginas" de visualización dentro de la extensión axe Expert. Al seleccionar la flecha hacia abajo se muestra la lista. Seleccione un elemento de enlace en la lista para mostrar el panel.

   Los paneles a los que se puede acceder desde el menú principal incluyen:

   • Analizar: analiza la página cargada en busca de violaciones a las reglas de accesibilidad, ve detalles sobre cada una, descarga o carga en axe Monitor. Para obtener detalles completos, consulte Analizar.

   • Page Insights: Un análisis de las características de la página disponibles para las tecnologías de asistencia. Para obtener detalles completos, consulte Información de la página.

   • Tools: Page Insights muestra de manera efectiva los componentes del Modelo de objetos de accesibilidad (AOM) que utilizan los lectores de pantalla.

   • Scripts: Registra las acciones secuenciales realizadas en la página cargada como un script de eventos que se pueden reproducir, cargar o descargar desde axe Monitor, donde se pueden aplicar a los escaneos para automatizar los pasos de tareas tediosas (como completar un formulario de inicio de sesión). Para obtener detalles completos, consulte Scripts.

   • Rules: Envíe reglas personalizadas a través de un archivo JSON que estará disponible como una opción en la sección Ruleset de la pestaña Configuración desde donde podrá seleccionar su propio conjunto de reglas para ejecutar como parte de un análisis de página. Para obtener detalles completos, consulte Panel de reglas.

   • Settings: Acceda a axe Monitor y especifique los estándares que se deben tener en cuenta en su análisis. Además, cuando haya seleccionado o "cambiado a" un proyecto, se mostrarán los nombres de la Organización y del Proyecto. Para obtener más información, consulte Sign in to axe Monitor.

3. Extension version number:El número de versión de la extensión se muestra directamente debajo del título de la extensión en la parte superior de la ventana de la extensión.

4. Pane specific menu, navigation tools and notification area:El botón de puntos suspensivos verticales es un menú específico del panel al que se accede actualmente. Herramientas adicionales como botones de navegación por violaciones, botones de inspección/resaltar, menús desplegables, etc., así como mensajes de respuesta de las herramientas, aparecen dentro de esta área de la barra de herramientas específica del panel general. Las herramientas que se muestran son específicas únicamente de la vista del panel activo seleccionado (por ejemplo, el panel Analizar). Algunas de las funciones que se muestran aquí están integradas con las DevTools del navegador.

5. Content pane(s) area:La ventana principal que está completamente controlada por axe Expert y es específica para él, aunque algunas funciones interactúan con otras DevTools integradas, como destacar o inspeccionar. Dependiendo del panel seleccionado, puede haber una ventana de un solo panel o una ventana con paneles divididos o múltiples. Esta región de herramientas para desarrolladores muestra contenido como reglas, violaciones, simulaciones y eventos de script. Los paneles internos también contienen controles de usuario interactivos, como botones y enlaces. Consulte los temas del panel correspondiente para obtener detalles sobre el uso de cada uno.