Definiendo el alcance en axe Expert

Defina un alcance en axe Expert Extension cuando solo desee probar ciertas partes de una página en lugar de la página completa. En muchos sitios web, hay elementos o áreas de "plantilla" que son comunes a muchas páginas de un sitio. Esto se puede usar para probar específicamente componentes de plantilla comunes o para ignorarlos y centrarse en el contenido que no es parte de los componentes comunes (por ejemplo, encabezado, pie de página o secciones de navegación). La versión 1.1 y posteriores de la extensión axe Expert se diseñaron e implementaron utilizando selectores de hojas de estilo en cascada (CSS) con el propósito de definir el alcance.

Compatibilidad de versiones de XPath

axe Monitor v6.0 o posterior admite tanto el selector CSS como las tecnologías XPath, debido a que anteriormente, la versión 1.0 de XPath era compatible con la versión 1.0 de axe Expert Extension. Para obtener más información, consulte Lenguaje de rutas XML (XPath) versión 1.0 - W3C.

Para evitar la duplicación de violaciones al analizar varias páginas, la función de definición de alcance de axe Expert Extension le proporciona una forma de limitar lo que se está analizando a una o más secciones específicas de una página, mientras ignora el contenido común y repetido que no está seleccionado como parte del alcance. Al tener las definiciones de alcance definidas durante el análisis con script, tendrá el mismo efecto que el análisis estático. En otras palabras, incluir únicamente las partes definidas de la página en el script. Este proceso es particularmente útil cuando se prueban únicamente definiciones de alcance que cubren las áreas de contenido de la página, lo que elimina los problemas repetitivos que se encuentran en las plantillas de prueba.

Habilitar la funcionalidad de Scope sin iniciar sesión en axe Monitor

Utilice los siguientes pasos para habilitar la visualización de la funcionalidad de Alcance en el panel de configuración sin iniciar sesión en axe Monitor:

1. Seleccione Alcance en el menú de desbordamiento de la extensión axe Expert para acceder a la pestaña Configuración :

   El menú de desbordamiento de la extensión Axe Expert se expandió y reveló el elemento del menú Scope

2. La extensión muestra la pestaña Alcance de la extensión axe Expert en el primer acceso:

   

   NO inicie sesión en axe Monitor. En su lugar, cree un nuevo ámbito sin proyecto utilizando las Descripciones de opciones y Descripciones de columnas descritas:

   

Habilitar la funcionalidad de alcance mientras se está conectado al axe Monitor

Utilice los siguientes pasos para habilitar la visualización de la funcionalidad de alcance en el panel de configuración mientras está conectado a axe Monitor:

1. Inicie sesión en axe Monitor en la pestaña Configuración en el panel Experto de axe. Para obtener detalles completos, consulte Iniciar sesión en axe Monitor.

   Después de iniciar sesión, la sección Selección de proyecto aparece en el panel Configuración.

2. Seleccione un proyecto utilizando el menú y el botón Seleccionar un proyecto en el panel Configuración. Para obtener detalles completos, consulte Seleccionar un proyecto de axe Monitor.

   La funcionalidad Definiciones de alcance aparece debajo de las secciones de selección de proyectos y descarga de problemas en el panel Configuración.

   

Descripciones de opciones

Una vez habilitada, verá la sección Alcance en el panel de Configuración en axe Expert Extension, que muestra un grupo de opciones de botones de opción Analizar alcance con las siguientes tres opciones disponibles para seleccionar:

• Página completa: seleccione esta opción para refinar el alcance definido al realizar un análisis en el panel Análisis a toda la página que está cargada en el navegador.
• Solo contenido: seleccione esta opción para refinar el alcance al realizar un análisis en el panel Analizar a solo los elementos de contenido que no sean parte de ninguna plantilla definida en la tabla Definiciones de alcance a continuación.
• Solo de plantilla: seleccione esta opción para refinar el análisis realizado en el panel de Análisis para excluir las definiciones de contenido _ en la página cargada bajo prueba._

Descripciones de columnas

Debajo de la sección Opciones de alcance de análisis, verá 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 que se utiliza para darle a la definición del alcance un nombre 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). Se pueden utilizar para agrupar definiciones de alcance relacionadas para que se puedan ordenar fácilmente.
• 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 de la parte principal del sitio (por ejemplo, un área de compras o de servicios seguros para miembros), 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 utiliza una coincidencia de comodín (por ejemplo, '/products' coincidiría con '/products' así como con cualquier cadena de texto que venga después).
• Selectores CSS: un campo de entrada de texto utilizado para especificar el localizador del contenido al que se dirigirá (por ejemplo, /html/body para el cuerpo del documento o html para especificar la página completa). Generalmente debes conocer el [missing word] id del elemento que deseas evaluar. Por ejemplo:
  • **/sección[@id='content']** identifies a sección tag with an id of "content": <section id="content">
  • **/div[@id='header-panel']** identifies a div with an id of "header-panel": <div id="header-panel">
  • **/div[@id='right-column']** identifies a div with an id of "right-column": <div id="right-column">
  • **/html/body/section/div[2]/div[3]** identifies an item without an id: the third div inside the second div inside the section tag inside the body of the html
• + Marco: haga clic para agregar una nueva línea debajo que proporcione un campo de ingreso de texto que puede usar para ingresar un localizador de selector CSS seleccionado (los datos de la región del nodo DOM) si la región está dentro de un marco. El símbolo más se convierte en un signo menos para indicar que es posible eliminar la línea después de haberla agregado.
• Acciones: Dentro de una fila en blanco, aparece el botón Guardar en la columna Acciones, 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 un patrón de URL categorizado por contenido, plantilla o la página completa. Agregar una definición de alcance es cuestión de completar cinco columnas de información en la tabla de la sección Alcance en el panel Configuración en axe Expert y luego seleccionar el botón Guardar.

Definiciones de alcance y autoasociación con proyectos de axe Monitor

La sección Alcance del panel solo aparece después de que se haya establecido una conexión con Settings axe Monitor y se haya seleccionado un proyecto. Al definir y guardar un alcance siguiendo este procedimiento, se agrega la definición de alcance al proyecto seleccionado en axe Monitor, de modo que cuando posteriormente seleccione nuevamente el proyecto en axe Expert Extension, las definiciones de alcance existentes se carguen automáticamente en la Settings pestaña. Cada vez que seleccione el proyecto, esta definición de alcance se descargará automáticamente en axe Expert Extension desde axe Monitor.

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

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

1. En la sección Alcance del panel Configuración, ingrese 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 de la lista (por ejemplo, 'Template 1').

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

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, si el componente está contenido en un marco, seleccione + Frame para hacer que se muestre un nuevo campo Selector CSS en blanco en una nueva línea debajo, luego ingrese el selector para el componente.

   

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

6. En la columna Acciones, seleccione Save.

   

El alcance que agregó aparece como una nueva fila en la tabla y la columna Acciones muestra botones que le permiten Editarlo o Eliminarlo. Además, aparece una nueva fila en blanco debajo de la fila de alcance guardada, lo que le permite especificar y guardar otra, etc.

Ahora puede seleccionar la opción deseada en la sección Analyze scope sobre la tabla y luego realizar un análisis en la página cargada que esté definida por el alcance que usted especificó.

Editar una definición de alcance

Edite una definición de alcance cuando quieras modificar una definición de alcance existente cambiando uno o más de cinco campos de información. Selecciona Edit en la columna Actions de la tabla de secciones Scope en el panel Configuración en axe Expert te permite cambiar el alcance de lo que se buscará al realizar un análisis de la página cargada en el panel Analizar. Esto también cambia lo que almacenas en axe Monitor en consecuencia.

1. Activa Edit en la columna Actions de la tabla de secciones Scope .

   

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

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

   

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

Novedad a partir de la extensión del navegador Attest v2.8: el botón ANALYZE AGAIN está deshabilitado cuando no se guarda el alcance del análisis.

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

Para solucionar esto, movimos el botón Save al lado de 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 ANALYZE AGAIN botón se vuelve a habilitar y el Save botón se deshabilita cuando el usuario guarda el nuevo alcance. Estos dos botones nunca se habilitarán al mismo tiempo en axe Expert Extension.

Eliminar una definición de ámbito

Eliminar una definición de alcance para quitar una fila de la tabla de secciones en el Scope panel Settings . Esta acción también elimina la definición del 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.