Delimitação no axe Expert

Defina um escopo na extensão axe Expert quando quiser testar apenas certas partes de uma página em vez da página inteira. Em muitos sites, existem elementos ou áreas de "modelos" que são comuns a muitas páginas de um site. Isso pode ser usado para testar especificamente componentes de modelos comuns ou ignorá-los para focar no conteúdo que não faz parte dos componentes comuns (por exemplo, seções de cabeçalho, rodapé ou navegação). A versão 1.1 e posteriores da extensão axe Expert foram projetadas e implementadas usando seletores de Cascading Style Sheet (CSS) com o propósito de definir o escopo.

Suporte à Versão XPath

O axe Monitor v6.0 ou posterior suporta tanto os seletores CSS quanto as tecnologias XPath, devido ao fato de que anteriormente a versão 1.0 do XPath era suportada pela versão 1.0 da extensão axe Expert. Para mais informações, consulte Linguagem de Caminho XML (XPath) Versão 1.0 - W3C.

Para evitar duplicação de violações ao analisar múltiplas páginas, a funcionalidade de definição de escopo da extensão axe Expert fornece uma maneira de limitar o que está sendo analisado a uma ou mais seções específicas de uma página, ignorando o conteúdo comum, repetido, que não é selecionado como parte do escopo. Ao ter as definições de escopo definidas durante a análise automatizada, isso terá o mesmo efeito que a análise estática. Em outras palavras, ao incluir apenas as partes definidas da página no script. Este processo é particularmente útil ao testar apenas definições de escopo que cobrem as áreas de conteúdo da página, eliminando os problemas repetitivos encontrados nos testes de modelos.

Habilitando a funcionalidade de Escopo sem fazer login no axe Monitor

Siga as etapas abaixo para habilitar a exibição da funcionalidade de Escopo no painel de Configurações sem fazer login no axe Monitor:

1. Selecione Escopo no menu de transbordamento da extensão axe Expert para acessar a guia Configurações:

   

2. A extensão exibe a aba Escopo vazia da extensão axe Expert no primeiro acesso:

   

   Não faça login no axe Monitor. Em vez disso, crie um novo escopo sem projeto usando os Descrições das Opções e Descrições das Colunas descritos:

   

Habilitando a funcionalidade de Escopo ao fazer login no axe Monitor

Siga as etapas abaixo para habilitar a exibição da funcionalidade de Escopo no painel de Configurações ao fazer login no axe Monitor:

1. Faça login no axe Monitor na aba Configurações do painel axe Expert. Para detalhes completos, consulte Faça Login no axe Monitor.

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

2. Selecione um Projeto usando o menu e botão de seleção de projeto no painel de Configurações. Para detalhes completos, consulte Selecione um Projeto do axe Monitor.

   A funcionalidade de Definições de Escopo aparece abaixo das seções de seleção de projeto e download de questões no painel de Configurações.

   

Descrições das Opções

Uma vez habilitado, você verá a seção de Escopo no painel de Configurações na extensão axe Expert, que exibe um grupo de opções de botão de rádio Analisar escopo com as três opções disponíveis seguintes para seleção:

• Página inteira: Selecione para refinar o escopo definido ao realizar uma análise no painel de Análise para a página inteira que está carregada no navegador.
• Somente conteúdo: Selecione para refinar o escopo ao realizar uma análise no painel Analisar para somente os itens de conteúdo que não fazem parte de nenhum modelo definido na tabela de Definições de Escopo abaixo.
• Apenas modelo: Selecione esta opção para refinar a análise realizada no painel Analisar para tudo exceto o conteúdo definições na página carregada sob teste.

Descrições das Colunas

Abaixo da seção de opções Analisar escopo, você verá a seção da tabela de definições de escopo, que exibe uma tabela com as seguintes seis colunas de informações:

• Nome: Um campo de entrada de texto usado para dar um nome à definição de escopo que seja claro e significativo (por exemplo, 'Cabeçalho').
• Categoria: Um campo de menu suspenso usado para especificar o tipo de escopo. As opções incluem 'Template 1-4' (página inteira) e 'Content 1-4' (corpo da página). Eles podem ser usados para agrupar definições de escopo relacionadas, permitindo que sejam facilmente classificadas.
• Padrão de URL: Um campo de entrada de texto usado para especificar uma parte ou partes de um site que utiliza um conjunto de templates diferente do restante do site (por exemplo, uma área de compras ou serviços de membro seguros), definido com uma cadeia de texto que aparece logo após o nome de domínio no endereço da página para um padrão que utiliza uma correspondência curinga (por exemplo, '/products' corresponderia a '/products' assim como qualquer cadeia de texto que venha após ele).
• Seletor(es) CSS: Um campo de entrada de texto usado para especificar o localizador do conteúdo a ser direcionado (por exemplo, /html/body para o corpo do documento, ou html para especificar a página inteira). Geralmente, você deve conhecer o id do elemento que deseja avaliar. Por exemplo:
  • **/section[@id='content']** identifica uma tag section com um id de "content": <section id="content">
  • **/div[@id='header-panel']** identifica um div com um id de "header-panel": <div id="header-panel">
  • **/div[@id='right-column']** identifica um div com um id de "right-column": <div id="right-column">
  • **/html/body/section/div[2]/div[3]** identifica um item sem um id: o terceiro div dentro do segundo div dentro da tag section dentro do body do html
• + Quadro: Clique para adicionar uma nova linha abaixo que fornece um campo de entrada de texto onde você pode inserir um localizador de seletor CSS selecionado (os dados da região do nó DOM) se a região estiver dentro de um quadro. O símbolo de mais se torna um menos para indicar que é possível remover a linha após ela ter sido adicionada.
• Ações: Em uma linha em branco, o botão Salvar aparece na coluna Ações, permitindo que você adicione suas seleções/entradas como uma nova linha de definição de escopo. Após uma linha ser adicionada, os botões Editar e Excluir aparecem.

Adicionar uma definição de escopo

Siga este procedimento sempre que quiser limitar ou restringir a parte da página que está analisando a um seletor CSS ou padrão de URL categorizado por conteúdo, template ou página inteira. Adicionar uma definição de escopo é uma questão de preencher cinco colunas de informação na tabela da seção Escopo no painel Configurações no axe Expert, depois selecionando o botão Salvar.

Definições de Escopo e autoassociação com projetos do axe Monitor

A seção Escopo do painel Settings só aparece após uma conexão com o axe Monitor ter sido estabelecida e um projeto selecionado. Definir e salvar um escopo seguindo este procedimento adiciona a Definição de Escopo ao projeto selecionado no axe Monitor de modo que, quando você selecionar o projeto novamente na extensão axe Expert, as definições de escopo existentes são carregadas automaticamente na aba Settings. Toda vez que você selecionar o projeto, essa definição de escopo será automaticamente baixada na extensão axe Expert a partir do axe Monitor.

As definições de escopo adicionadas refinam a análise realizada no painel de Análise na extensão axe Expert para as áreas da página carregada que correspondem ao escopo.

Antes de começar, é importante que você entenda como habilitar a funcionalidade de definições de escopo e compreenda o propósito de cada opção e campo de coluna da tabela.

1. Na seção Escopo do painel Configurações, insira um texto significativo na coluna Name (por exemplo, 'Header').

2. Na coluna Category, acesse as opções do menu suspenso e, em seguida, selecione um item na lista (por exemplo, 'Template 1').

   A lista suspensa Category fecha e sua seleção é preenchida no campo de exibição.

3. No campo URL pattern, insira a cadeia de texto após o nome de domínio, se desejar (por exemplo, '/html/head').

4. Opcionalmente, selecione + Frame para fazer com que um novo campo de Seletor CSS em branco seja exibido em uma nova linha abaixo, depois insira o seletor para o componente, se ele estiver contido em um quadro.

   

5. No campo CSS Selector(s), insira o seletor que você selecionou usando a ferramenta de sua escolha (por exemplo, via right-click > Copy > Copy selector no Chrome DevTools após destacar o código-fonte na ferramenta Elements).

6. Na coluna Ações, selecione Save.

   

O escopo que você adicionou aparece como uma nova linha na tabela, e a coluna Ações exibe botões que permitem que você o Edite ou Exclua. Além disso, uma nova linha em branco aparece abaixo da linha do escopo salvo, permitindo que você especifique e salve outro, etc.

Você pode agora selecionar a opção desejada na seção Analyze scope acima da tabela, e então realizar uma análise na página carregada que é definida pelo escopo que você especificou.

Editar uma definição de escopo

Edite uma definição de escopo quando quiser modificar uma definição de escopo existente alterando um ou mais dos cinco campos de informação. Selecionar Edit na coluna Actions da tabela da seção Scope no painel Configurações no axe Expert permite que você altere o escopo do que será direcionado ao realizar uma análise da página carregada no painel de Análise. Isso também altera o que é armazenado no axe Monitor de acordo.

1. Ative Edit na coluna Actions da tabela da seção Scope.

   

   Os campos se tornam editáveis em cada coluna, e a coluna Actions exibe um botão Save e um botão Cancel.

2. Faça alterações em um ou mais campos de coluna conforme desejar, e então ative Save na coluna Actions.

   

As alterações que você salvou são exibidas como uma linha somente leitura na tabela e são automaticamente sincronizadas com o axe Monitor.

Novo a partir da Extensão do Navegador Attest v2.8: O botão ANALYZE AGAIN é desativado quando o escopo da análise não é salvo.

É muito fácil esquecer se um usuário salvou ou não o escopo da análise atual antes de clicar em ANALYZE AGAIN.

Para resolver isso, movemos o botão Save ao lado dos botões ANALYZE AGAIN e Back. O botão ANALYZE AGAIN é desativado e o botão Save é ativado quando um usuário escreve uma nova linha de escopo. O botão ANALYZE AGAIN é reativado e o botão Save é desativado quando o usuário salva o novo escopo. Esses dois botões nunca estarão ativados ao mesmo tempo na extensão axe Expert.

Excluir uma definição de escopo

Exclua uma definição de escopo para remover uma linha da tabela da seção Scope no painel Settings. Esta ação também remove a definição de escopo do axe Monitor.

Na coluna Actions, na linha da definição de escopo existente que você deseja excluir, selecione Delete.

A linha é removida da tabela da seção Definições de Escopo.