Alcance en axe Expert

Define un alcance en la Extensión axe Expert cuando quieras probar solo ciertas partes de una página en lugar de toda la página. En muchos sitios web, hay elementos o áreas "plantilla" que son comunes a muchas páginas de un sitio. Esto se puede usar para probar específicamente componentes comunes de plantilla, o para ignorarlos con el fin de enfocarse en el contenido que no es parte de esos componentes comunes (por ejemplo, secciones de encabezado, pie de página o navegación). La versión 1.1 y posteriores de la Extensión axe Expert fueron diseñadas e implementadas usando selectores de Hoja de Estilo en Cascada (CSS) con el propósito de definir el alcance.

Soporte de Versión XPath

axe Monitor v6.0 o posterior soporta tanto tecnologías de selectores CSS como de XPath, debido a que anteriormente, la versión 1.0 de XPath era soportada por la versión 1.0 de la Extensión axe Expert. Para más información, consulta Lenguaje de Ruta XML (XPath) Versión 1.0 - W3C.

Para evitar la duplicación de violaciones al analizar múltiples páginas, la función de definición de Alcance de la Extensión axe Expert te proporciona una manera de limitar lo que se está analizando a una o más secciones específicas de una página, mientras se ignora el contenido común y repetido que no se selecciona como parte del alcance. Al tener definiciones de alcance definidas durante el análisis guionado, tendrá el mismo efecto que el análisis estático. En otras palabras, solo se incluyen las partes definidas de la página en el guion. Este proceso es particularmente útil al probar solo definiciones de alcance que cubren las áreas de contenido de la página, lo que elimina los problemas repetitivos encontrados al probar plantillas.

Activar funcionalidad de Alcance sin iniciar sesión en axe Monitor

Sigue los siguientes pasos para activar la visualización de la funcionalidad de Alcance en el panel de Configuraciones sin iniciar sesión en axe Monitor:

1. Selecciona Alcance en el menú desplegable de la Extensión axe Expert para acceder a la pestaña Configuraciones:

   

2. The extension displays the empty axe Expert Extension Alcance tab on first access:

   

   NO inicies sesión en axe Monitor. En su lugar, crea un nuevo alcance sin proyecto usando Descripciones de Opciones y Descripciones de Columnas descritos:

   

Activar la Funcionalidad de Alcance mientras se está conectado a axe Monitor

Sigue los siguientes pasos para activar la visualización de la funcionalidad de Alcance en el panel de Configuraciones mientras se está conectado a axe Monitor:

1. Inicia sesión en axe Monitor en la pestaña de Configuraciones del panel axe Expert. Para obtener detalles completos, consulta Iniciar Sesión en axe Monitor.

   After you sign in, the Project selection section appears on the Settings panel.

2. Selecciona un Proyecto usando el menú y botón de Seleccionar un proyecto en el panel de Configuraciones. Para obtener detalles completos, consulta Seleccionar un Proyecto en axe Monitor.

   La funcionalidad de Definiciones de Alcance aparece debajo de las secciones de selección de proyecto y descarga de problemas en el panel de Configuraciones.

   

Descripciones de Opciones

Una vez activado, verás la sección Alcance en el panel de Configuraciones en la Extensión axe Expert, que muestra un grupo de opción de botón de radio Analizar alcance con las siguientes tres opciones disponibles para seleccionar:

• Toda la página: Selecciona para refinar el alcance definido al realizar un análisis en el panel de Análisis a toda la página que está cargada en el navegador.
• Solo contenido: Selecciona para refinar el alcance al realizar un análisis en el panel de Analizar a solo los elementos de contenido que no son parte de ninguna plantilla definida en la tabla de Definiciones de Alcance a continuación.
• Solo plantilla: Selecciona esta opción para refinar el análisis realizado en el panel de Analizar a todo excepto el contenido definiciones en la página cargada bajo prueba.

Descripciones de Columnas

Debajo de la sección de opciones de analizar alcance, verás la sección de la tabla de definiciones de alcance, que muestra una tabla con las siguientes seis columnas de información:

• Nombre: Un campo de entrada de texto utilizado para dar un nombre al alcance que sea claro y significativo (por ejemplo, 'Encabezado').
• Categoría: Un campo de menú desplegable utilizado para especificar el tipo de alcance. Las opciones incluyen "Plantilla 1-4" (página completa) y "Contenido 1-4" (cuerpo de la página). Estos pueden usarse para agrupar definiciones de alcance relacionadas para que puedan ser fácilmente ordenadas.
• Patrón de URL: Un campo de entrada de texto utilizado para especificar una parte o partes de un sitio web que utiliza un conjunto de plantillas diferente al del resto del sitio (por ejemplo, un área de compras o de servicios para miembros seguros), definido con una cadena de texto que aparece inmediatamente después del nombre de dominio en la dirección de la página para un patrón que usa una coincidencia de comodín (por ejemplo, '/productos' coincidiría con '/productos' así como con cualquier cadena de texto que venga después).
• Selector(es) CSS: Un campo de entrada de texto utilizado para especificar el localizador del contenido a dirigir (por ejemplo, /html/body para el cuerpo del documento, o html para especificar toda la página). Generalmente, debe conocer la id del elemento que desea evaluar. Por ejemplo:
  • **/section[@id='content']** identifica una etiqueta section con un id de "content": <section id="content">
  • **/div[@id='header-panel']** identifica un div con un id de "header-panel": <div id="header-panel">
  • **/div[@id='right-column']** identifica un div con un id de "right-column": <div id="right-column">
  • **/html/body/section/div[2]/div[3]** identifica un elemento sin un id: el tercer div dentro del segundo div dentro de la etiqueta section dentro de la body del html
• + Frame: Haga clic para agregar una nueva línea abajo que proporcione un campo de entrada de texto que puede usar para ingresar un localizador seleccionado de selector CSS (los datos de la región del nodo DOM) si la región está dentro de un frame. El símbolo de suma se convierte en un menos para indicar que es posible eliminar la línea después de haberla agregado.
• Acciones: Dentro de una fila en blanco, el botón Guardar aparece en la columna Acciones, lo que le permite agregar su selección/entradas como una nueva fila de definición de alcance. Después de agregar una fila, aparecen los botones Editar y Eliminar.

Agregar una definición de alcance

Siga este procedimiento cada vez que desee limitar o restringir la parte de la página que está analizando a un selector CSS o patrón de URL categorizado por contenido, plantilla o toda la página. Agregar una definición de alcance es cuestión de completar cinco columnas de información en la tabla de la sección de Alcance en el panel de Configuración en axe Expert, y luego seleccionar el botón Guardar.

Definiciones de Alcance y auto-Asociación con proyectos de axe Monitor

La sección de Alcance del panel Settings solo aparece después de que se haya establecido una conexión con axe Monitor y se haya seleccionado un proyecto. Definir y guardar un alcance siguiendo este procedimiento añade la Definición de Alcance al proyecto seleccionado en axe Monitor para que cuando vuelva a seleccionar el proyecto en la extensión de axe Expert, las definiciones de alcance existentes se cargan automáticamente en la pestaña Settings. Cada vez que seleccione el proyecto, esta definición de alcance se descargará automáticamente en la extensión de axe Expert desde axe Monitor.

Las definiciones de alcance agregadas refinan el análisis realizado en el panel Analizar en la extensión de Axe Expert a las áreas de la página cargada que coinciden con el alcance.

Antes de comenzar, es importante que entienda cómo habilitar la funcionalidad de definiciones de alcance y comprender el propósito de cada opción y campo de columna de la tabla.

1. En la sección de Alcance del panel de Configuración, ingrese un texto significativo en la columna Name (por ejemplo, 'Header').

2. En la columna Category, acceda a las opciones del menú desplegable, y luego seleccione un elemento en la lista (por ejemplo, 'Template 1').

   La lista desplegable Category se cierra y su selección se completa en el campo de visualización.

3. En el campo URL pattern, ingrese la cadena de texto después del nombre de dominio, si lo desea (por ejemplo, '/html/head').

4. Opcionalmente, seleccione + Frame para que se muestre un nuevo y vacío campo de Selector CSS en una nueva línea abajo, luego ingrese el selector para el componente, si está contenido en un frame.

   

5. En el campo CSS Selector(s), ingrese el selector que ha seleccionado usando su herramienta de elección (por ejemplo, a través de right-click > Copy > Copy selector en Chrome DevTools después de resaltar el código fuente en la herramienta Elements).

6. En la columna Acciones, seleccione Save.

   

El alcance que agregó aparece como una nueva fila en la tabla, y la columna de Acciones muestra botones que le permiten Editar o Eliminarlo. Además, aparece una nueva línea vacía debajo de su línea de alcance guardado, permitiéndole especificar y guardar otra, etc.

Ahora puede seleccionar la opción deseada en la sección Analyze scope encima de la tabla, y luego realizar un análisis en la página cargada que está definida por el alcance especificado.

Editar una definición de alcance

Edite una definición de alcance cuando desee modificar una definición de alcance existente cambiando uno o más de los cinco campos de información. Seleccionar Edit en la columna Actions de la tabla de la sección Scope en el panel de Configuración en axe Expert le permite cambiar el alcance de lo que se va a analizar en el panel Analizar. Esto también cambia lo que se almacena en axe Monitor acorde.

1. Active Edit en la columna Actions de la tabla de la sección Scope.

   

   Los campos se vuelven editables en cada columna, y la columna Actions muestra un botón Save y un botón Cancel.

2. Haga cambios en uno o más campos de columna según lo desee, luego active Save en la columna Actions.

   

Los cambios guardados se muestran como una línea de solo lectura en la tabla y se sincronizan automáticamente con axe Monitor.

Nuevo desde la extensión de navegador Attest v2.8: El botón ANALYZE AGAIN está deshabilitado cuando el alcance de análisis no está guardado.

Es muy fácil pasar por alto si un usuario guardó o no el alcance del análisis actual antes de hacer clic en ANALYZE AGAIN.

Para resolver esto, movimos el botón Save junto a los botones ANALYZE AGAIN y Back. El botón ANALYZE AGAIN está deshabilitado y el botón Save está habilitado cuando un usuario escribe una nueva línea de alcance. El botón ANALYZE AGAIN se re-habilita y el botón Save se deshabilita cuando el usuario guarda el nuevo alcance. Estos dos botones nunca estarán habilitados al mismo tiempo en la extensión de axe Expert.

Eliminar una definición de alcance

Elimine una definición de alcance para eliminar una fila de la tabla de la sección Scope en el panel Settings. Esta acción también elimina la definición de alcance de axe Monitor.

En la columna Actions, en la fila de la definición de alcance existente que desea eliminar, seleccione Delete.

La fila se elimina de la tabla de la sección Definiciones de Alcance.