Todas as coleções
Material Educativo
Ferramentas de Acessibilidade
Ferramentas de Acessibilidade

Guia de instalação e configuração para leitores de tela e ferramentas de verificação de contraste para uso em Testes de Acessibilidade.

Nikola Jonic avatar
Escrito por Nikola Jonic
Atualizado há mais de uma semana

Neste artigo, você aprenderá quais ferramentas geralmente usamos em Testes de Acessibilidade, onde pode baixá-las e encontrar mais informações sobre como usá-las.

Em geral, as ferramentas de acessibilidade são categorizadas da seguinte forma:

  1. Software Leitor de Tela: Lê o conteúdo da página na tela

  2. Software de Reconhecimento de Fala: Converte palavras faladas em texto

  3. Teclado Especial: Facilita a digitação usando um teclado especialmente projetado para pessoas com deficiências motoras

  4. Software de Ampliação de Tela: Dedicado a usuários com deficiência visual para ampliar a tela, facilitando a leitura.

Neste artigo, focamos no software leitor de tela e nas técnicas de navegação por teclado.

Navegação por Teclado

Para testar a acessibilidade e usar um leitor de tela, você precisa conhecer as teclas básicas de navegação por teclado. Na página a seguir, você encontrará combinações básicas de teclas com as quais pode navegar em sites sem usar um cursor de mouse: https://webaim.org/techniques/keyboard/

Leitores de Tela

De acordo com a American Foundation for the Blind, ❝Leitores de tela são programas de software que permitem que usuários cegos ou com deficiência visual leiam o texto que é exibido na tela do computador com um sintetizador de fala... Um leitor de tela é a interface entre o sistema operacional do computador, suas aplicações e o usuário. O usuário envia comandos pressionando diferentes combinações de teclas no teclado do computador... para instruir o sintetizador de fala sobre o que dizer e para falar automaticamente quando as mudanças ocorrem na tela do computador❞. Além disso, os leitores de tela oferecem uma variedade de funções, como ler e localizar texto na tela.

Com a assistência de leitores de tela, pessoas com deficiência visual conseguem operar aplicativos, redigir documentos, enviar e-mails, navegar na web e muito mais, desde que sites e aplicativos tenham sido ajustados para atender às suas necessidades.

Para os seguintes leitores de tela, recomendamos assistir a tutoriais no YouTube para se familiarizar com eles.

Computadores com Windows

O NVDA (Non Visual Desktop Access) é um software de código aberto gratuito criado para ajudar pessoas com deficiência visual a operar software e sites em computadores.

  1. Role para baixo e clique no botão Download.

  2. Execute o pacote de instalação baixado e siga as instruções para concluir a instalação.

  3. Após a conclusão da instalação, você pode executar o NVDA. A partir desse ponto, o leitor de tela narrará elementos focados pelo teclado ou mouse e lerá o texto que você inserir nos campos.

Para encontrar combinações avançadas de teclas que você pode usar com o seu leitor de tela NVDA para se movimentar no conteúdo da página da web, consulte: https://webaim.org/resources/shortcuts/nvda.

O JAWS é um leitor de tela pago que oferece 40 minutos gratuitos de uso. Após o término dessa sessão, é necessário reiniciar o computador para iniciar uma nova sessão gratuita. Veja como instalar e configurar o JAWS no seu computador com Windows:

  1. Baixe a versão oficial mais recente do leitor de tela JAWS, disponível nos links abaixo na página. Evite instalar a versão beta, pois sua confiabilidade não é garantida.

  2. Siga as instruções para concluir a instalação.

  3. Será necessário reiniciar o computador para finalizar o processo.

Recomendamos que você consulte as Teclas de Navegação Rápida para JAWS para se familiarizar melhor com o software.

Computadores Apple

Os computadores Apple, que executam o sistema operacional macOS, apresentam um leitor de tela integrado chamado VoiceOver.

Para ativar essa funcionalidade no seu Mac, siga estas etapas:

  1. Abra as Preferências do Sistema.

  2. Acesse a página de Acessibilidade (consulte a primeira imagem abaixo).

  3. Na página exibida, marque a caixa de seleção ❝Ativar VoiceOver❞ (veja a segunda imagem abaixo).

Para iniciar o treinamento do VoiceOver, clique no botão ❝Iniciar Treinamento do VoiceOver❞ na parte inferior. Este treinamento fornecerá orientações sobre como utilizar eficazmente o VoiceOver no seu computador Mac.

Para obter mais informações detalhadas sobre o uso do VoiceOver no macOS Catalina, visite o Guia do Usuário Oficial do VoiceOver da Apple.

Dispositivos Apple iOS (iPhones e iPads)

Os dispositivos que executam o sistema operacional iOS possuem um leitor de tela integrado chamado VoiceOver.

Para ativá-lo, siga estas etapas:

  1. Vá para Configurações > Acessibilidade > VoiceOver.

  2. Ative a opção VoiceOver no topo da tela.

  3. Aproveite para praticar e explorar todos os gestos disponíveis clicando em ❝Prática do VoiceOver❞ abaixo. Isso permitirá que você teste os gestos e entenda as ações que eles acionam.

"A partir deste ponto, a maneira como você opera seu dispositivo iOS mudará. O seguinte artigo oficial da Apple o ajudará com os gestos: Aprenda os gestos do VoiceOver no iPhone.

Para encontrar mais artigos úteis sobre o VoiceOver, consulte o índice na mesma página, visitando Índice > Acessibilidade > Visão > VoiceOver.

Dispositivos Android (telefones e tablets)

O Android possui seu próprio leitor de tela chamado TalkBack.

Para ativá-lo, siga estas etapas:

  1. Vá para Configurações > Acessibilidade > TalkBack em seu dispositivo.

  2. Ative a opção Usar serviço para ativar o leitor de tela.

Observe as instruções breves abaixo da opção 'Usar serviço' sobre como utilizar o TalkBack no Android. Para informações detalhadas, consulte o guia da Google Comece no Android com o TalkBack.

Ferramentas de Verificação de Contraste de Cores

Uma parte crucial dos testes de acessibilidade é assegurar que os contrastes de cores entre os textos e seus respectivos fundos sejam adequados, possibilitando que pessoas com deficiência visual possam ler o conteúdo com menos dificuldades.

Existem duas ferramentas de verificação de contraste de cores amplamente utilizadas:

  • Verificador de Contraste da WebAIM: Permite verificar rapidamente o contraste para um elemento HTML individual. Se a sua necessidade for verificar páginas inteiras em vez de um único elemento, considere utilizar o WAVE.

  • Analisador de Contraste de Cores (CCA): Disponível para Windows e macOS, o CCA mede as proporções de contraste de cores e fornece informações sobre sua conformidade com o WCAG 2.1. A ferramenta indica quais critérios do WCAG não são atendidos com base nas medições realizadas.

Usando a função ❝Pinch❞, você pode medir as cores de um texto e seu fundo ou inseri-las manualmente, e o aplicativo calculará a proporção de contraste de cores.

Ferramentas Automatizadas

O WAVE é uma Ferramenta de Avaliação de Acessibilidade na Web gratuita da WebAIM. Trata-se de um conjunto de ferramentas de avaliação capaz de identificar diversos erros de acessibilidade e seguir as diretrizes da Acessibilidade para Conteúdo da Web (WCAG). O WAVE oferece feedback visual sobre a acessibilidade do conteúdo de um site, injetando ícones e indicadores na página. Isso torna os testes de acessibilidade mais confortáveis e reduz o esforço de testes manuais.

Você pode usar a ferramenta WAVE online ou as extensões WAVE para Firefox e Chrome para analisar proporções de contraste de cores para páginas inteiras.

Para começar, confira esta introdução da WebAIM.

Como alternativa, considere experimentar a ferramenta Validador HTML da W3C.

Isto respondeu à sua pergunta?