Testar suporte a leitor de tela

  • 8 minutos

Os testes são cruciais para garantir a acessibilidade do leitor de tela. Nesta seção, apresentaremos alguns dos processos e ferramentas que são úteis para testar e depurar o suporte ao leitor de tela em seus produtos digitais.

Testes manuais

Aqui estão algumas maneiras de testar manualmente seu site ou aplicativo para obter suporte ao leitor de tela.

  • Use o recurso com um leitor de tela e teclado:
    • Windows: Narrador, JAWS ou NVDA
    • Mac: VoiceOver
    • iOS: VoiceOver
    • Android: Conversação
  • Navegue pelo recurso:
    • Use atalhos de teclado para navegar pelo aplicativo ou site.
    • Certifique-se de que o leitor de tela anuncia cada elemento enquanto você navega, fornecendo informações precisas e suficientes para entender a localização e o contexto sem olhar para a tela.
    • Certifique-se de que as informações não são excessivamente detalhadas.
    • Verifique se o recurso está rastreando corretamente.
  • Identificação do elemento de revisão:
    • Confirme se cada elemento tem um nome, uma função e um valor próprios.
    • Certifique-se de que os rótulos estão corretamente associados aos seus respetivos elementos.
  • Testar dois (2) métodos de navegação:
    • Navegue pelo recurso e assegure-se de que o leitor de ecrã está a acompanhar.
    • Navegue com o leitor de tela e interaja com o recurso.
  • Confira títulos e rótulos:
    • Verifique se cada janela ou página tem um título.
    • Verifique se os rótulos visíveis fazem parte do nome do elemento e se cada um é exclusivo.
  • Verifique os controles de entrada:
    • Verifique se todos os controles de entrada têm nomes ou instruções.
    • Verifique se as relações entre os elementos são especificadas e se as mensagens de erro são claras.
  • Confira as imagens:
    • Certifique-se de que as imagens decorativas são ignoradas pelo leitor de ecrã.
    • Verifique se as imagens importantes têm nomes descritivos que descrevem seu conteúdo e contexto.
  • Outras verificações:
    • Confirme se os links têm nomes significativos, não apenas URLs.
    • Certifique-se de que todo o texto está acessível e legível pelo leitor de ecrã.
    • Verifique se as tabelas têm cabeçalhos e são anunciadas corretamente.
    • Verifique se o idioma do conteúdo está especificado para o leitor de tela.

Testes de usuários

O teste do usuário para suporte a leitores de tela é crucial para garantir que sites e aplicativos sejam utilizáveis por todos, incluindo pessoas com deficiência. Este tipo de teste ajuda a identificar e eliminar barreiras que podem impedir os utilizadores que dependem de teclados ou tecnologias de assistência de interagirem plenamente com produtos digitais. Ao envolver pessoas com deficiência no processo de teste, os desenvolvedores podem obter informações valiosas sobre os desafios do mundo real e garantir que a experiência do usuário seja inclusiva e acessível.

Ferramentas

Aqui estão algumas ferramentas que você pode usar para testar a acessibilidade do seu site ou aplicativo:

  • Depuradores de navegador: ferramentas integradas em navegadores da Web que ajudam os desenvolvedores a encontrar e corrigir erros de código. Eles permitem que você defina pontos de interrupção, examine variáveis e percorra a execução de código para diagnosticar e corrigir problemas.
  • Insights de Acessibilidade para a Web: Esta é uma extensão para o Edge e o Chrome. Esta ferramenta ajuda a detetar problemas comuns de acessibilidade rapidamente, mas o teste manual ainda é necessário.

Captura de ecrã da plataforma de lançamento do Accessibility Insights.

  • Insights de acessibilidade para Windows: essa ferramenta é ótima para depurar aplicativos rich client no Windows e também pode ser usada para aplicativos Web. A ferramenta Live Inspect mostra a árvore de acessibilidade, incluindo elementos pai e irmão. Ele exibe tipos de controle, nomes e padrões e permite que você invoque padrões como alternar um botão. Esta ferramenta ajuda a identificar se há problemas no HTML e no ARIA dos seus aplicativos, na exposição da interface de usuário do navegador (UIA) ou na interação com o leitor de ecrã.
  • Inspetor de Acessibilidade da Apple: Esta ferramenta está incluída no Xcode e permite inspecionar elementos em aplicativos iOS. Clique na ferramenta de destino, passe o mouse sobre um elemento para obter informações e bloqueie-o para ver suas propriedades e posição na árvore de acessibilidade. Ele também suporta a inspeção de elementos em um simulador iOS. No entanto, recomendamos sempre criar para o dispositivo e executar o VoiceOver.
  • Lighthouse: Lighthouse é uma ferramenta integrada do Chrome que avalia a qualidade das páginas da Web verificando o desempenho, a acessibilidade, as práticas recomendadas, o SEO e os recursos do Progressive Web App. Ele executa testes em qualquer página e fornece um relatório com problemas e recomendações de melhoria. O Lighthouse ajuda os desenvolvedores a otimizar os sites para que sejam mais rápidos, fáceis de usar e acessíveis.

Recursos