Como funcionam os leitores de ecrã e o que deve considerar ao projetar o seu site

20/08/2025

Muitos sites não são desenhados a pensar nos leitores de ecrã, uma ferramenta essencial para pessoas cegas ou com baixa visão navegarem na internet.

Se tem um negócio, faz parte da equipa de marketing ou de RSC, ou lidera a transformação digital na sua organização, este artigo é para si. Aqui, explicamos como funcionam os leitores de ecrã e o que deve ter em mente para tornar o seu website verdadeiramente acessível. E sim: isto também impacta a sua reputação, os seus clientes… e os seus resultados financeiros.

O que é um leitor de ecrã?

Um leitor de ecrã é um software que permite que pessoas cegas ou com baixa visão utilizem computadores, telemóveis e tablets. Converte tudo o que aparece no ecrã — texto, menus, botões, formulários, etc. — em voz ou braille digital.

Isto permite que as pessoas com deficiência visual:

Navegar por menus e links
Ler textos e títulos
Preencha formulários
Compre online ou faça a papelada

Os leitores de ecrã mais populares são o JAWS (Windows), o NVDA (gratuito, também para Windows) e o VoiceOver (iOS e macOS). Todos eles seguem diretrizes comuns que permitem navegar na web utilizando o teclado ou gestos de toque.

Então… como “lêem” o seu site?

Um leitor de ecrã não vê como nós. Não interpreta cores, tamanhos ou design visual. Lê o código e a estrutura da página. Assim, se o seu website não estiver bem programado ou não seguir os critérios de acessibilidade, a experiência para uma pessoa com deficiência visual pode ser frustrante ou completamente impossível.

Os leitores de ecrã detetam:

Tags alt em imagens: se enviar uma imagem sem a descrever correctamente, o leitor dirá “imagem” e nada mais. Consegue imaginar ler um artigo com espaços em branco?
Títulos hierárquicos (H1, H2, H3, etc.): Os leitores podem saltar de um título para outro, mas apenas se estiverem bem definidos. Se utilizou um H3 apenas pelo tamanho da letra, estará a quebrar a lógica de navegação.
Descrições de botões e links: Um botão que diz simplesmente “clique aqui” não faz sentido fora do contexto. Por outro lado, um link que diga “descarregue o relatório anual em PDF” é claro e útil.
Formulários etiquetados: se os campos do seu formulário não estiverem corretamente etiquetados, será impossível saber o que escrever em cada um.

Vamos ao que interessa: porque é importante ter isto em mente?

Para além da inclusão (que é razão suficiente), há razões convincentes para se preocupar com a acessibilidade digital:

✅ Legal: Existem leis nacionais e europeias que exigem que as administrações públicas e as empresas privadas garantam a acessibilidade digital.
✅ Reputacional: A acessibilidade reflete os valores da sua marca. Um site acessível transmite compromisso, inovação e responsabilidade social.
✅ Económico: Segundo a Organização Mundial de Saúde, mais de 2,2 mil milhões de pessoas têm algum tipo de deficiência visual. Vai desistir desses potenciais clientes?

Como fazer o seu site funcionar bem com leitores de ecrã?

Projete com acessibilidade desde o início. Não é um complemento, faz parte do processo.
Realizar auditorias de acessibilidade (como as que fazemos na Accesit Inclusivo).
Verifique manualmente. Pode utilizar ferramentas automatizadas como ponto de partida, mas os testes automatizados não detetam tudo. Não se esqueça de solicitar a revisão de um humano.
Pense no conteúdo: os textos devem também ser claros, diretos e estruturados para que sejam fáceis de compreender para qualquer pessoa.
Se possível, valide com utilizadores reais. São as melhores pessoas para dizer se algo funciona ou não. Aliás, a nossa ferramenta Accuta é revista por pessoas com deficiência, que nos deram feedback para a melhorar.

Ok, mas eu já tenho um site criado, o que faço?

Boas notícias, ainda não é tarde. Na Accesit Inclusivo, graças à nossa ferramenta Acctua, adaptámos o seu website para o tornar acessível sem ter de o redesenhar de raiz. Apoiamos empresas como a sua no processo de avaliação, melhoria e conformidade regulamentar, com uma perspetiva técnica… e também humana.