Testes de acessibilidade

  • Artigo

Este tópico descreve várias ferramentas e procedimentos para ajudá-lo a verificar a implementação de acessibilidade de seus aplicativos Windows e Web.

Experiências bem-sucedidas do usuário

O acesso programático e o acesso ao teclado são requisitos críticos para dar suporte à acessibilidade em seu aplicativo. Testar a acessibilidade de seus aplicativos do Windows, ferramentas de AT (tecnologia adaptativa) e estruturas de interface do usuário é crucial para garantir uma experiência de usuário bem-sucedida para pessoas com várias deficiências e limitações (incluindo visão, aprendizado, destreza/mobilidade e deficiências de linguagem/comunicação) ou aqueles que simplesmente preferem usar um teclado.

Sem suporte adequado para at (tecnologia acessível), como leitores de tela e teclados na tela, os usuários com visão, aprendizado, destreza/mobilidade e deficiências ou limitações de linguagem/comunicação (e usuários que apenas preferem usar o teclado) podem achar difícil, se não impossível, usar seu aplicativo.

Ferramentas de teste de acessibilidade

Insights de Acessibilidade

O Accessibility Insights ajuda os desenvolvedores a encontrar e corrigir problemas de acessibilidade em sites e aplicativos do Windows.

  • O Accessibility Insights para Windows ajuda os desenvolvedores a encontrar e corrigir problemas de acessibilidade em aplicativos do Windows. A ferramenta dá suporte a três cenários principais:
    • O Live Inspect permite que os desenvolvedores verifiquem se um elemento em um aplicativo tem as propriedades corretas da Automação da Interface do Usuário simplesmente passando o mouse sobre o elemento ou definindo o foco do teclado nele.
    • FastPass – um processo leve de duas etapas que ajuda os desenvolvedores a identificar problemas comuns de acessibilidade de alto impacto em menos de cinco minutos.
    • A solução de problemas permite diagnosticar e corrigir problemas de acessibilidade específicos.
  • O Accessibility Insights para Web é uma extensão do Chrome e do Microsoft Edge Insider que ajuda os desenvolvedores a encontrar e corrigir problemas de acessibilidade em aplicativos Web e sites. Ele dá suporte a dois cenários principais:
    • FastPass – um processo leve de duas etapas que ajuda os desenvolvedores a identificar problemas comuns de acessibilidade de alto impacto em menos de cinco minutos.
    • Avaliação – permite que qualquer pessoa verifique se um site da Web está 100% em conformidade com as diretrizes e padrões de acessibilidade. O Accessibility Insights também permite examinar elementos, propriedades, padrões de controle e eventos da Automação da Interface do Usuário (semelhante às ferramentas herdadas Inspect e AccEvent descritas na seção a seguir).

Ferramentas de teste herdadas

Observação

As ferramentas descritas aqui ainda estão disponíveis no SDK do Windows, mas é altamente recomendável fazer a transição para o Accessibility Insights.

O SDK (Software Development Kit) do Windows inclui várias ferramentas de teste de acessibilidade, incluindo AccScope, Inspeção e Verificador de Acessibilidade da Interface do Usuário, entre outras.

Você pode iniciar as seguintes ferramentas de teste de acessibilidade em um prompt de comando do Microsoft Visual Studio ou navegando até a pasta bin de onde quer que o SDK do Windows esteja instalado em seu computador de desenvolvimento.

AccScope

O AccScope Habilita a avaliação visual da acessibilidade de um aplicativo durante as fases iniciais de design e desenvolvimento. O AccScope destina-se especificamente a testar cenários de acessibilidade do Narrador e usa as informações de Automação da Interface do Usuário fornecidas por um aplicativo para mostrar onde a acessibilidade pode ser aprimorada.

Inspecionar

Inspecionar permite que você selecione qualquer elemento de interface do usuário e exiba seus dados de acessibilidade. Você pode visualizar as propriedades e padrões de controle Automação da Interface do Usuário da Microsoft e testar a estrutura navegacional dos elementos de automação na árvore de automação da IU. É especialmente útil para garantir que as propriedades e os padrões de controle sejam definidos corretamente ao estender um controle comum ou criar um controle personalizado.

Use Inspecionar ao desenvolver a interface do usuário para verificar como os atributos de acessibilidade são expostos na Automação da Interface do Usuário. Em alguns casos, os atributos vêm do suporte à Automação da Interface do Usuário que já está implementado para os controles XAML padrão. Em outros casos, os atributos vêm de valores específicos que você definiu em sua marcação XAML, como propriedades anexadas AutomationProperties .

A imagem a seguir mostra a ferramenta Inspect consultando as propriedades de Automação da Interface do Usuário no elemento do menu Edit no Bloco de Notas.

Captura de tela da ferramenta Inspect.

UI Accessibility Checker

O Verificador de Acessibilidade da Interface do Usuário (AccChecker) ajuda você a descobrir possíveis problemas de acessibilidade em tempo de execução. O AccChecker inclui verificações de verificação para Automação da Interface do Usuário, Acessibilidade Ativa da Microsoft e ARIA (Aplicativos de Internet Avançados Acessíveis). Ele pode fornecer uma marcar estática para erros como nomes ausentes, problemas de árvore e muito mais. Ele ajuda a verificar o acesso programático e inclui recursos avançados para automatizar o teste de acessibilidade. Você pode executar o AccChecker em interface do usuário ou comandar o modo de linha. Para executar a ferramenta de modo de interface do usuário, abra a pasta AccChecker na pasta bin do SDK do Windows, execute acccheckui.exe e clique no menu Ajuda .

Verificação da Automação da Interface do Usuário

A Verificação de Automação da Interface do Usuário (Verificação de UIA) é uma estrutura para testes manuais e automatizados da implementação da Automação da Interface do Usuário em um controle ou aplicativo (os resultados podem ser registrados). A Verificação do UIA pode se integrar ao código de teste e realizar testes regulares automatizados ou verificações pontuais de cenários de Automação da Interface do Usuário e é útil para verificar se as alterações em aplicativos com recursos estabelecidos não têm novos problemas ou regressões. A Verificação do UIA pode ser encontrada na subpasta UIAVerify da pasta bin do SDK do Windows.

Accessible Event Watcher

O Accessible Event Watcher (AccEvent) testa se os elementos de interface do usuário de um aplicativo disparam eventos adequados da Automação da Interface do Usuário e do Microsoft Active Accessibility quando ocorrem mudanças na interface do usuário. As alterações na interface do usuário podem ocorrer quando o foco muda ou quando um elemento de interface do usuário é chamado, selecionado ou sofre uma mudança de estado ou propriedade. O AccEvent normalmente é usado para depurar problemas e para validar se os controles personalizados e estendidos estão funcionando corretamente.

Procedimentos de teste de acessibilidade

Testar a acessibilidade do teclado

A melhor maneira de testar a acessibilidade do seu teclado é desconectar o mouse ou usar o Teclado Virtual se você estiver usando um dispositivo tablet. Teste a navegação da acessibilidade de teclado usando a tecla Tab. Você deverá ser capaz de alternar entre todos os elementos interativos da interface do usuário usando a tecla Tab. Para elementos compostos da interface do usuário, verifique se é possível navegar entre partes de elementos usando as teclas de seta. Por exemplo, você deve ser capaz de navegar nas listas de itens com as teclas do teclado. Finalmente, certifique-se de que é possível invocar todos os elementos interativos da interface do usuário com o teclado assim que esses elementos obtêm foco, geralmente usando Enter ou a tecla de espaço.

Verificar o contraste do texto visível

Use as ferramentas de contraste de cores para verificar se a taxa de contraste de texto visível é aceitável. As exceções incluem elementos da interface do usuário inativos e logotipos ou texto decorativo que não transmita informações e possa ser rearranjado sem alterar o significado. Consulte Requisitos de texto acessível para obter mais informações sobre a taxa de contraste e as exceções. Consulte Técnicas para WCAG 2.0 G18 (seção Recursos) sobre as ferramentas que podem testar taxas de contraste.

Observação

Algumas das ferramentas listadas pelas Técnicas para WCAG 2.0 G18 não podem ser usadas de forma interativa com um aplicativo UWP. Talvez você precise inserir valores de cor da tela de fundo e de primeiro plano manualmente na ferramenta, fazer capturas de tela da interface do usuário do aplicativo e depois executar a ferramenta de taxa de contraste na imagem da captura de tela. Ou então executar a ferramenta enquanto você abre arquivos de bitmap de origem em um programa de edição de imagens, não enquanto a imagem é carregada pelo aplicativo.

Verificar se o aplicativo está em alto contraste

Use o aplicativo com um tema de alto contraste ativo para verificar se todos os elementos da interface do usuário são exibidos corretamente. Todo o texto deve ser legível e todas as imagens devem ser nítidas. Ajuste os recursos de dicionário XAML ou os modelos de controle para corrigir quaisquer problemas de tema provenientes dos controles. Nos casos em que os problemas de alto contraste proeminentes não são provenientes de temas ou controles (como a partir de arquivos de imagem), forneça versões separadas para serem usadas quando um tema de alto contraste está ativo.

Verificar o aplicativo com configurações de exibição

Use as opções de exibição do sistema que ajustam o valor de pontos por polegada (dpi) da exibição, e garanta que a interface de usuário de seu aplicativo seja dimensionada corretamente quando o valor de dpi mudar. (Alguns usuários alteram os valores de dpi como uma opção de acessibilidade, isso está disponível em Facilidade de Acesso, bem como em propriedades de vídeo). Se você encontrar problemas, siga as Diretrizes de experiência do usuário para layout e dimensionamento e forneça recursos adicionais para diferentes fatores dimensionamento.

Verifique os cenários do aplicativo principal usando o Narrator.

Use o Narrador para testar a experiência de leitura da tela do seu aplicativo.

Use estas etapas para testar o seu aplicativo usando o Narrador com um mouse e teclado:

  1. Inicie o Narrador pressionando a tecla de logotipo do Windows + Ctrl + Enter. Em versões anteriores à versão 1607 do Windows 10, use Tecla de logotipo do Windows + Enter para iniciar o Narrador.
  2. Navegue pelo aplicativo com o teclado usando a tecla Tab, as teclas direcionais e Caps Lock + teclas direcionais.
  3. Enquanto navega no seu aplicativo, ouça o Narrador lendo os elementos da sua interface do usuário e verifique o seguinte:
    • Para cada controle, verifique se o Narrador lê todo o conteúdo visível. Verifique também se o Narrador lê o nome de cada controle, seu estado aplicável (marcado, selecionado e assim por diante) e o tipo do controle (botão, caixa de seleção, item de lista e assim por diante).
    • Se o elemento for interativo, verifique se é possível usar o Narrador para invocar a sua ação pressionando a tecla Caps Lock + Enter.
    • Para cada tabela, garanta que o Narrador leia corretamente o nome, a descrição (se disponível) e os cabeçalhos de linha e coluna.
  4. Pressione Caps Lock + Shift + Enter para pesquisar o aplicativo e verificar se todos os controles aparecem na lista de pesquisa e se os nomes desses controles estão localizados e são legíveis.
  5. Desligue seu monitor e tente realizar os cenários do aplicativo principal usando apenas o teclado e o Narrador. Para ver a lista completa de comandos e atalhos do Narrador, pressione Caps Lock + F1.

A partir da versão 1607 do Windows 10, apresentamos um novo modo de desenvolvedor no Narrador. Ative o modo de desenvolvedor quando o Narrador já estiver em execução pressionando Control + Caps Lock + F12. Quando o modo de desenvolvedor estiver habilitado, a tela será mascarada e realçará apenas os objetos acessíveis e o texto associado que é exposto por meio de programação para o Narrador. Isso proporciona a você uma boa representação visual das informações que são expostas para o Narrador.

Use estas etapas para testar seu aplicativo usando o modo de toque do Narrador:

Observação

O Narrador entra automaticamente no modo de toque em dispositivos que oferecem suporte para mais de 4 contatos. O Narrador não oferece suporte para cenários com vários monitores ou digitalizadores de toque múltiplo na tela principal.

  1. Familiarize-se com a interface do usuário e explore o layout.

    • Navegue pela interface do usuário usando gestos de passar o dedo. Deslize o dedo para a esquerda ou direita para mover entre itens e para cima ou para baixo para mudar a categoria de itens navegados. As categorias incluem todos os itens, links, tabelas, cabeçalhos e assim por diante. A navegação com gestos simples de passar o dedo é semelhante à navegação com Caps Lock + Seta.
    • Use gestos de tabulação para navegar por elementos focalizáveis. Deslizar três dedos para a direita ou esquerda equivale a navegar com Tab e Shift + Tab em um teclado.
    • Investigue espacialmente a interface do usuário com um único dedo. Arraste um único dedo para cima e para baixo, ou para a esquerda e para a direita, para que o Narrador leia os itens sob seu dedo. É possível usar o mouse como alternativa, pois ele usa a mesma lógica de teste por pressionamento que o gesto de arrastar um único dedo.
    • Leia a janela inteira e todos os seus conteúdos deslizando três dedos para cima. Isso equivale a usar Caps Lock + W.

    Se houver um elemento importante da interface do usuário que você não consiga acessar, talvez exista um problema de acessibilidade.

  2. Interaja com um controle para testar suas ações principais e secundárias e seu comportamento de rolagem.

    Ações principais incluem ativar um botão, inserir um sinal de intercalação de texto e definir o foco no controle. Ações secundárias incluem selecionar um item de lista ou expandir um botão que oferece várias opções.

    • Para testar uma ação principal: toque duas vezes ou pressione com um dedo e toque com o outro.
    • Para testar uma ação secundária: toque três vezes ou pressione com um dedo e toque duas vezes com o outro.
    • Para testar o comportamento de rolagem: use gestões de passar dois dedos para rolar na direção desejada.

    Alguns controles fornecem ações adicionais. Para exibir a lista completa, basta um único toque com quatro dedos.

    Se um controle responder ao mouse ou teclado, mas não responder à interação touch principal, ele pode precisar implementar padrões de controle UI Automation adicionais.

Você também deve considerar o uso da ferramenta AccScope para testar os cenários de acessibilidade do Narrador com o seu aplicativo. O tópico da ferramenta AccScope descreve como configurar AccScope para testar cenários do Narrador.

Examine a representação de Automação da Interface do Usuário de seu aplicativo

Várias das ferramentas de teste de Automação da Interface do Usuário mencionadas antes fornecem uma forma de visualizar seu aplicativo não considerando a aparência dele. Em vez disso, elas representam o aplicativo como uma estrutura de elementos de automação da IU. É assim que os clientes de Automação da Interface do Usuário, principalmente tecnologias adaptativas, interagirão com o seu aplicativo em cenários de acessibilidade.

A ferramenta AccScope fornece uma exibição particularmente interessante do seu aplicativo porque é possível ver os elementos de automação da IU como representação visual ou como lista. Se você usar a visualização, será possível analisar as peças de maneira que poderá correlacionar com a aparência visual da interface de usuário do aplicativo. Você mesmo pode testar a acessibilidade de seus primeiros protótipos da interface do usuário antes de atribuir toda a lógica à interface do usuário, certificando-se de que a interação visual e a navegação de acessibilidade do cenário de seu aplicativo está em equilíbrio.

Um aspecto que você pode testar é se há elementos aparecendo na exibição do elemento de Automação da IU que você não quer que apareçam lá. Se você encontrar elementos que queria omitir da exibição, ou, de forma contrária, se houver elementos faltando, você pode usar a propriedade anexada XAML AutomationProperties.AccessibilityView para ajustar a forma como os controles XAML aparecem nas exibições de acessibilidade. Depois de ter verificado as exibições de acessibilidade básicas, é uma boa oportunidade de verificar novamente as sequências de guia ou navegação espacial habilitadas pelas teclas de setas para garantir que os usuários possam chegar a todas as partes que interativas e expostas na exibição de controle.