Usar o Axe Expert com Tecnologia Assistiva

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data
warning

A extensão axe Expert foi oficialmente descontinuada. Leia mais sobre isso na página Substituição do axe Expert. Estas páginas serão removidas em julho de 2024. Envie um email para helpdesk@deque.com para qualquer dúvida ou preocupação.

A Deque Systems, Inc. considera o NVDA/Windows a principal plataforma para usuários de leitores de tela da extensão axe Expert. Recomendamos o uso do NVDA ou JAWS no Windows e do VoiceOver no Mac.

Antes de começar:

Por favor, veja axe Expert Extension para Chrome VPAT.pdf para revisar o relatório de conformidade de acessibilidade voluntária da Deque para a extensão axe Expert.

Usar a extensão axe Expert para Google Chrome com NVDA

Referência de Atalhos de Teclado do Chrome DevTools:

Antes de começar: O Google atualizou recentemente o Guia do Usuário do DevTools do navegador Chrome e os materiais de referência na web. Para atalhos de teclado geralmente aplicáveis ao uso da extensão axe Expert no Google Chrome, veja Referência de Atalhos de Teclado - Desenvolvedores Google Chrome DevTools.

As instruções a seguir explicam geralmente como usar a extensão axe Expert no Google Chrome com leitores de tela baseados em Windows, incluindo o NVDA. São fornecidas instruções para instalar, lançar, navegar na interface do usuário, ajustar configurações, realizar uma análise de acessibilidade e exportar resultados. Esta documentação não inclui instruções para trabalhar com a funcionalidade SimulAT ou Scripting da extensão axe Expert no NVDA, nem as instruções contêm o nível de detalhe envolvido no restante deste guia do usuário. A documentação incluída aqui serve apenas como um guia de início rápido para usuários do software leitor de tela NVDA.

Neste tópico:

Instalar a Extensão axe Expert

Instalar a Extensão axe Expert nas Ferramentas de Desenvolvedor do Google Chrome é ligeiramente diferente de instalar a Extensão axe Expert da Deque para o Mozilla Firefox, que tem um processo de instalação diferente para os usuários do axe Monitor (que usam um link de instalação a partir da aplicação), do que para os usuários da Extensão axe Expert (que fazem o download de um arquivo .xpi de um repositório primeiro).

Importante

As seguintes instruções são fornecidas apenas como um exemplo para dar-lhe uma ideia do processo de instalação. As etapas específicas do processo podem variar de acordo com os requisitos exclusivos de segurança e tipo/versão do seu navegador. Por exemplo, dependendo de sua organização, pode ser necessário carregar uma extensão não empacotada com o modo de Desenvolvedor ativado. Consulte sua gerência para instruções específicas de instalação. A prática recomendada pela Deque é que todos os clientes trabalhem com seu Gerente de Engajamento da Deque ou com o Help Desk da Deque para obter a versão correta e os arquivos de instalação devidamente licenciados.

Na página da Extensão da Chrome Web Store

A maneira mais fácil de instalar a Extensão axe Expert é através de um link direto para a página de Extensões do Google Chrome na Chrome Web Store. Se você já instalou uma extensão do navegador Google Chrome antes, o processo é o mesmo. No entanto, a Extensão axe Expert não é geralmente pesquisável na Chrome Web Store, portanto, um link direto é necessário:

Link para axe Expert na Chromestore.

Para instruções completas de instalação usando o link fornecido, consulte o tópico Baixar e Instalar na seção Inicializando deste guia.

O arquivo de instalação compactado .crx pode ser acessado diretamente de um link no menu da barra lateral direita do axe Monitor, permitindo que você inicie o processo de instalação dentro do navegador Google Chrome.

Para instalar a Extensão axe Expert a partir de um link de instalação (axe Monitor):

  1. Navegue até a seção de Links Rápidos da tela inicial no axe Monitor usando o navegador Chrome.
  2. Selecione Baixar a Extensão axe Expert 3.5.

Quando você selecionar o link de instalação da Extensão axe Expert, uma mensagem será exibida perguntando se você deseja instalar a Extensão axe Expert.

  1. Navegue e selecione o botão Carregar Extensão Não Empacotada... (ou pressione Alt_I).

A partir de um Arquivo CRX

A extensão do Google Chrome empacotada é oferecida como um arquivo compactado com a extensão de arquivo .crx e oferece uma chave privada de modo que você não precise se preocupar com a atualização manual da extensão, pois isso é feito automaticamente.

Para instalar a Extensão axe Expert a partir de um arquivo .crx (Extensão axe Expert):

  1. Entre em contato com seu Gerente de Engajamento da Deque ou com o Help Desk da Deque para obter o instalador de arquivo CRX necessário.
  2. Navegue até o arquivo .crx baixado no seu computador.
  3. Pressione Enter.

Verificar Instalação

A instalação deve levar apenas alguns segundos. Quando a instalação estiver completa, uma mensagem será exibida informando que a Extensão axe Expert foi instalada com sucesso. Você sempre pode verificar o sucesso da instalação tentando abrir a Extensão axe Expert nas Ferramentas de Desenvolvedor do Google Chrome. Para mais informações, veja Abrir Extensão axe Expert. As etapas seguintes o guiarão na verificação da instalação através da navegação até a entrada da Extensão axe Expert na página de Extensões do Google Chrome.

  1. No campo de Endereço (Localização) do Google Chrome, digite chrome://extensions/ e pressione Enter.

  2. Ative TAB três vezes para acessar a lista de extensões instaladas do Google Chrome.

  3. Pressione a tecla Down Arrow para localizar o item da lista Extensão axe Expert.

    As extensões do Google Chrome são exibidas em ordem crescente e de instalação mais recente, por isso, deve ser o primeiro item da lista.

  4. Ouça as opções "desativar, remover". Quando ouvir essas opções anunciadas após axe Expert, a extensão foi instalada com sucesso.

Abra a Extensão axe Expert no Google Chrome

A Extensão axe Expert está instalada na barra de guias das Ferramentas de Desenvolvedor do Chrome.

  1. Pressione e segure Ctrl+Shift+I para iniciar as Ferramentas de Desenvolvedor do Chrome.
  2. Pressione e segure Ctrl\_\] até ouvir "axe Expert."

Quando instalada pela primeira vez, e não existam outras extensões que se integrem às Ferramentas de Desenvolvimento do Google Chrome, a aba axe Expert estará no lado direito da barra de abas da caixa de ferramentas.

  1. Pressione Enter para ativar a aba axe Expert na janela de Ferramentas de Desenvolvedor.

A Extensão axe Expert agora está ativa na janela de Ferramentas de Desenvolvedor do Google Chrome e pronta para uso.

Entender e Navegar na Interface do Usuário da Extensão axe Expert

Seleção de Painel do Menu Principal

No painel esquerdo da Extensão axe Expert, independentemente do painel atualmente selecionado, você tem um menu suspenso principal que fornece links para cada um dos cinco painéis principais dentro da Extensão axe Expert.

  1. Verifique a ativação da aba axe Expert pressionando a tecla Tab para mover o foco para o Menu Principal, que é lido como "Navegação Global."

    O quadro é anunciado como quadro "data/index".

    Aba Padrão: O painel Analisar é ativo por padrão quando a Extensão axe Expert é lançada. Use a aba Analisar para realizar análises de acessibilidade; é provável que seja a aba que você use 99,5% do tempo. Use o menu Options da Extensão axe Expert para selecionar Settings e Sign in to axe Monitor.

  2. Mova o foco para o menu principal de navegação global da extensão axe Expert e pressione Digite.

    O menu principal da extensão axe Expert é aberto e exibe cinco opções de painel:

  3. Pressione as teclas down arrow e up arrow para navegar pelos itens do menu principal da extensão axe Expert. Pressione Enter para selecionar um item do menu.

O menu fecha e o leitor de tela anuncia „botão colapsado“, seguido pelo nome do item de menu selecionado.

Acesse controles adicionais específicos do painel e links para painéis associados e funcionalidades relacionadas em outros painéis para o painel selecionado através do menu suspenso do botão de reticências verticais na barra superior do painel de conteúdo à direita no painel Analisar. Este menu suspenso é às vezes informalmente referido como um "menu de três pontos".

Use o menu de contexto do painel Analisar:
  • Tab do botão Analyze no painel Analyze para mover o foco para um menu de contexto que é anunciado como o main landmark Analyze google menu button collapsed.
  • Pressione Enter para exibir os itens do menu de contexto Analisar.
  • Arrow down ou para cima para destacar um item do menu e pressione Enter para selecionar o item de menu atualmente destacado.

Cada painel dentro da extensão axe Expert é composto por dois a três sub-painéis de informação. Os sub-painéis também contêm seções de informação identificadas com títulos.

Alternar de um painel para outro

  • No modo de navegação, pressione a Seta Para Cima ou a Seta Para Baixo para selecionar o painel que você deseja ativar e pressione Enter.
  • No modo de formulários, pressione Tab para o painel ativo e depois use as teclas de seta (seta direita ou seta esquerda) para alternar para outros painéis (sem necessidade de Enter).

Para forçar o NVDA a voltar ao modo de navegação, pressione a tecla NVDA e a barra de espaço após trabalhar no modo de formulários.

Layout de Teclado e Modo de Formulários

Layout de Teclado do NVDA: Pressione a tecla Esc ou a tecla NVDA e a barra de espaço para sair do modo de formulários no NVDA. A tecla NVDA é a tecla insert, a menos que você mude para Caps Lock, o que você pode fazer no menu de configuração do NVDA.

Selecionar um Conjunto de Regras

Você pode querer ajustar a opção de conjunto de regras no painel Regras. O painel Regras contém caixas de seleção com a legenda Conjunto de Regras, nas quais três conjuntos de regras podem ser encontrados. As regras WCAG 2.0 AA estão ativas por padrão. Usar um conjunto de regras diferente do padrão WCAG 2.0 AA envolve fazer ajustes opcionais na aba Regras.

Você pode realizar análises offline usando um dos conjuntos de regras padrão da extensão axe Expert sem conectar-se a um servidor axe Monitor, ou pode usar seu próprio conjunto de regras personalizado.

Padrão Padrão: Se você usar a extensão axe Expert como é fornecida, realizará uma análise WCAG 2.1 AA usando o conjunto de regras padrão WCAG 2.1 AA.

Selecionar um conjunto de regras:

  1. Pressione R no NVDA.

A caixa de seleção do nível AA do WCAG 2.1 está marcada por padrão. Este é um conjunto de regras padrão que acompanha a extensão axe Expert. O conjunto de regras padrão é usado até que você instrua a extensão axe Expert a utilizar um diferente. Você não pode excluir conjuntos de regras que acompanham a extensão axe Expert.

  1. Selecione um conjunto de regras via caixa de seleção associada.

Nenhuma confirmação adicional é necessária.

Configurações: Conexão ao Servidor, Seleção de Projeto e Escopo

A primeira coisa que você notará no painel de Configurações é um conjunto de campos de formulário que permitem conectar a extensão axe Expert a um servidor axe Monitor. Após entrar no axe Monitor, um menu de Seleção de Projeto com botão é exibido. Duas novas seções são exibidas quando você seleciona um projeto: Baixar Problemas e Escopo.

Você pode querer conectar-se ao seu servidor axe Monitor e selecionar um projeto para habilitar o download e upload dos resultados da análise. Se a extensão axe Expert não estiver conectada a um servidor axe Monitor, o menu suspenso é anunciado como „offline sem projeto“ ou „clicável offline sem projeto clicável“, e a funcionalidade de Seleção de Projeto é anunciada como „indisponível“. Para detalhes completos, veja Entre no axe Monitor e Selecione um Projeto do axe Monitor respectivamente.

Antes de usar o painel de Análise para analisar uma página web, você pode querer ajustar as opções na seção Escopo do painel de Configurações para refinar o que será direcionado ou ignorado. Para mais detalhes completos, veja Definições de Escopo.

Opções de Registro de Eventos

O painel Opções de Registro de Script acessado via o link de Opções na aba Scripts tem uma seção chamada Eventos para Capturar contendo caixas de seleção onde você pode configurar quais eventos registrar ou ignorar ao gravar scripts. Para mais informações, consulte Selecionar Eventos para Capturar.

Analisar uma Página para Violações de Regras de Acessibilidade

  1. Abra a página que deseja testar no Chrome.

  2. Abra o Chrome DevTools (Ctrl_Shift_I) e selecione a aba axe Expert.

    Consulte Abrir Extensão axe Expert para mais informações.

  3. Localize o botão ANALISAR ou o link Executar novamente se estiver reanalisando uma página no painel Analisar da Extensão axe Expert (não importa qual você seleciona, ambos executam a mesma função).

  4. O botão Analisar.

A etiqueta do botão Analisar muda para exibir analisando durante uma varredura.

Você sabe que a varredura está concluída quando pode usar a seta ou a tecla Tab para sair do botão Analisar.

Quando Nenhuma Violação de Acessibilidade é Encontrada

Se nenhuma violação de acessibilidade for encontrada, a linha após o botão de upload diz: Parabéns! Nenhuma violação de acessibilidade encontrada. Agora você deve realizar testes manuais usando tecnologias assistivas como NVDA, VoiceOver e JAWS.

Trabalhar com Resultados de Análise

Botão de exportação e contagem de violações: Se um ou mais erros foram descobertos, use a quinta opção de link, Export, no menu do painel Analyze para exportar os resultados para um arquivo CSV.

Links Download e Upload: O menu do painel Analyze também inclui itens de download... e upload.... Esses itens são anunciados como "desabilitados" quando não estão conectados a um servidor do axe Monitor. Para mais informações, veja Carregar Resultados de Análise e Baixar um script.

Analise os resultados da Extensão axe Expert de duas maneiras:

  • Exporte os resultados para um programa de planilhas para uma análise mais aprofundada.
  • Revise os resultados no painel Analisar.

Exportar Resultados

Se você precisar trabalhar com os resultados da análise em um programa de planilhas como o Microsoft Excel, permitindo classificações e outras manipulações de dados, selecione Export no menu Analyze da Extensão axe Expert para baixar um arquivo de Valores Separados por Vírgula (CSV). Trabalhar com resultados exportados é particularmente útil para usuários de leitores de tela para facilitar a navegação entre violação quando os resultados incluem múltiplas violações de múltiplas regras.

Exportar resultados para um arquivo CSV:

  1. Selecione Export no menu suspenso específico do painel Analyze.

Um caixa de diálogo de Salvar Arquivo típico é exibido.

  1. Selecione uma pasta conveniente, forneça um nome descritivo para o arquivo, selecione Save.

    Certifique-se de que a pasta desejada está selecionada por shift+tabbing para a árvore de pastas na primeira vez que abrir o diálogo de Salvar Arquivo usando o link Exportar. A Extensão axe Expert salva os resultados exportados no local padrão de downloads configurado nas configurações do seu navegador Chrome. Uma vez que uma pasta é selecionada, a Extensão axe Expert lembra sua seleção para futuras exportações.

Revisando Resultados de Análise na Extensão axe Expert

Todos os resultados da análise da Extensão axe Expert são exibidos sob o título Violações encontradas. Este é geralmente o único título no painel Analyze, então usar h deve levá-lo diretamente até lá.

Revisar violações de regras:

  • Pressione seta para cima duas vezes para ver a linha onde o número de violações encontradas é relatado.

    A Extensão axe Expert exibe uma lista ordenada de testes que identificaram violações, juntamente com o número de violações para cada regra. Os nomes das regras na lista são links, que quando exibidos, mostram uma lista de todas as violações para essa regra.

    Uma lista típica de violações pode ser assim:

lista de x itens

  1. Link: Elementos devem ter contraste de cor suficiente x violações (onde x é o número de violações).
  2. Link: O valor do atributo ID deve ser único violações...

Investigar violações individuais:

  • Selecione o link da regra na lista.

Quando um link de regra é selecionado, você verá um painel exibindo a primeira violação para a regra.

Visão Geral do Painel de Violação dos Resultados de Análise

Esta seção descreve as informações sequenciais exibidas ao descer com a seta dentro de uma violação individual de regra.

  • Exibindo uma Violação Individual: Comece na lista de regras que produziram violações (veja a seção anterior para uma descrição e exemplo de como a lista se apresenta).

  • Navegação e Impacto de Múltiplas Violações

  • Botão Anterior: No final da lista você verá um botão chamado anterior. O botão anterior está desabilitado quando você visualiza a primeira violação de regra.

  • # de Violações Totais: Descendo a partir do botão Anterior para ver uma linha que diz: „violação 1 de X“, onde X é o número total de violações específicas para a regra ativa.

  • Impacto: Descendo ainda mais a partir da linha de # de Violações Totais, é exibida a informação de impacto relacionada à violação. A linha de impacto contém a classificação de impacto: menor, moderado, sério ou crítico.

  • Next botão: Um botão de próximo é exibido após a informação de impacto. O botão próximo é anunciado como desativado se você estiver revisando a última violação de uma regra específica.

  • Description: Descendo a partir do botão próximo, é exibida uma descrição de uma linha da regra violada juntamente com um link para Mais informações. Por exemplo, esta linha dirá „Garante que o contraste entre as cores de primeiro plano e de fundo atenda aos limites da razão de contraste WCAG 2 AA“ quando uma violação da regra de contraste de cor for registrada.

  • More info link: Selecione Mais Informações para revisar o conteúdo da Deque University, que fornece mais contexto e informações de fundo sobre a regra violada, além de informações detalhadas de como corrigir.

  • Applicable Ruleset (Standard) and Success Criteria: Uma lista de dois itens segue o link Mais informações. O primeiro item da lista lista o conjunto de regras ativo usado durante a varredura de análise do axe Expert Extension. WCAG 2.0 AA é o conjunto de regras do axe Expert Extension, anotado como „wcag2aa“. O segundo item da lista especifica o critério de sucesso para a regra ativa (por exemplo, wcag143 para o critério de sucesso 1.4.3 do WCAG 2.0 - contraste de cor).

  • Inspect and Highlight links: O link Inspecionar destaca o elemento violador nas Ferramentas de Desenvolvedor. O segundo link, Destacar, destaca visualmente o elemento da página web na janela principal do navegador Chrome.

  • Section Navigation: Vários cabeçalhos h2 adicionais representam seções do painel de conteúdo dentro de uma violação:

  • Target: O Alvo identifica um caminho do seletor CSS para o elemento HTML violado.

  • HTML: exibe um trecho de marcação HTML incluindo o elemento violado.

  • Summary: O resumo contém um subitem corrigir qualquer um dos seguintes seguido por uma lista de correções sugeridas. O layout e a formulação precisos de uma correção sugerida dependem da violação específica. A lista de correções sugeridas é uma informação essencial em qualquer relatório ou análise, pois geralmente ajuda a identificar o erro exato e frequentemente fornece a correção mais fácil.

Notas de Navegação de Múltiplas Violações

Use os botões Previous e Next

Use os botões previous e next para ir para a violação anterior/próxima se a análise registrou múltiplas violações de regras. A linha de violação atualizada x de y é anunciada automaticamente pela maioria dos leitores de tela ao selecionar os botões previous ou next. Por exemplo, se o painel atualmente exibe violação uma de dez e você seleciona o botão next, o NVDA anuncia automaticamente „violação duas de dez“. Os botões next e previous fornecem os únicos meios de navegação para uma violação de regra em particular.

Para chegar à violação oito de dez para a regra x, clique na regra x e depois clique next sete vezes.

Sobre a última violação

Clicar em next quando a última violação de uma regra específica está atualmente exibida não mostra automaticamente a primeira violação da próxima regra. Na verdade, o botão next é desativado quando a última violação de regra é exibida. Volte para a lista de regras e selecione a próxima regra para inspeção.

Revise todas as violações de acessibilidade para todas as regras. Exporte o relatório para um arquivo CSV para revisar rapidamente todas as violações de regras em um só lugar.

Use Regras Personalizadas

O painel Rules é a quarta opção no menu principal. Se você tiver escrito um arquivo JSON de regras personalizadas para o axe Expert Extension escanear, use o painel Rules para adicionar seu conjunto de regras. Uma vez adicionado ao painel Rules, você pode selecionar seu conjunto de regras na aba Rules. O painel Custom Ruleset contém dois campos de formulário e um botão: Name for Custom Rules, Enter JSON e SAVE E USE RULESET.

Adicionar regras personalizadas

  1. Especifique um nome para o seu conjunto de regras personalizadas no campo (Nome para Regras Personalizadas e Inserir JSON).

Certifique-se de que o nome contenha apenas letras ou números (não são permitidos espaços, traços ou outros símbolos como parte do nome do conjunto de regras).

  1. Digite ou cole suas regras JSON no campo Enter JSON.

  2. Selecione SAVE E USE RULESET.

O painel Rules exibe uma mensagem de sucesso ou erro se você especificar um nome inválido ou usar JSON inválido. Você pode ver o nome do seu conjunto de regras na seção Conjuntos de Regras Personalizados do menu à esquerda no painel Regras. Exclua um conjunto de regras personalizado selecionando a caixa de seleção correspondente e depois selecionando Excluir conjunto de regras.

Is this page helpful?

Help us improve this page

Still need help?