Orientación para axe Expert

La extensión axe Expert se integra con las herramientas para desarrolladores de tu navegador, que son una función incorporada destinada al uso por parte de desarrolladores web para examinar, solucionar problemas y resolver inconvenientes en páginas web. Tras la instalación, la pestaña axe Expert aparece como una opción en la barra de pestañas de las Herramientas para Desarrolladores. Al hacer clic en el botón se despliegan 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. Bajo la barra de herramientas específica de la pestaña encontrarás los paneles principales de contenido de resultados, los cuales, 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 de DevTools:

1. Pestaña axe Expert: La pestaña a lo largo de la parte superior del panel de DevTools del navegador, que incluye axe Expert. Para obtener información completa sobre la instalación, consulta Descarga e instalación de la extensión axe Expert. Al hacer clic en su pestaña, se convierte en la herramienta activa mientras las otras herramientas y controles de la caja de herramientas permanecen en la barra horizontal.

2. Menú desplegable del panel de menú principal: Estas son las herramientas dentro de la herramienta, por así decirlo, que también podrías considerar como "páginas" de vista dentro de la extensión axe Expert. Al seleccionar la flecha hacia abajo se despliega la lista. Selecciona 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 para detectar violaciones de reglas de accesibilidad, ve detalles sobre cada una y descarga de o carga en axe Monitor. Para obtener información completa, consulta Analizar.

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

   • Tools: La Información de la página muestra efectivamente componentes del Modelo de Objeto de Accesibilidad (AOM) utilizados por los lectores de pantalla.

   • Scripts: Registra acciones secuenciales realizadas en la página cargada como un guion de eventos que se pueden reproducir, cargar o descargar de axe Monitor, donde pueden aplicarse a escaneos para automatizar pasos de tareas tediosas (como completar un formulario de inicio de sesión). Para obtener información completa, consulta Scripts.

   • Rules: Envía reglas personalizadas a través de un archivo JSON para que estén disponibles como una opción en la sección de Conjunto de Reglas de la pestaña Configuración, desde donde puedes seleccionar tu propio conjunto de reglas para ejecutar como parte de un análisis de página. Para obtener información completa, consulta Panel de Reglas.

   • Settings: Inicia sesión en axe Monitor y especifica los estándares que se deben tener en cuenta en tu análisis. Además, cuando hayas seleccionado o "cambiado a" un proyecto, se muestran los nombres de la Organización y del Proyecto. Para más información, consulta Iniciar sesión en 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 elipsis vertical es un menú específico para el panel actualmente accedido. Herramientas adicionales como botones de navegación de violaciones, botones de inspección/resaltado, menús desplegables, etc., así como mensajes de respuesta de herramientas aparecen dentro de esta área de barra de herramientas específica del panel. Las herramientas que se muestran son específicas solo de la vista del panel activo seleccionado (por ejemplo, el panel Analizar). Algunas de las funcionalidades mostradas aquí están integradas con las DevTools del navegador.

5. Content pane(s) area: La ventana principal que está completamente controlada por, y específica para, axe Expert, aunque algunas funcionalidades interactúan con otras DevTools integradas como resaltar 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 de desarrollo muestra contenido como reglas, violaciones, simulaciones y eventos de guiones. Los paneles internos también contienen controles de usuario accionables como botones y enlaces. Consulta los temas del panel respectivo para obtener detalles sobre el uso de cada uno.