O que é
Um leitor de ecrã é um software usado por pessoas cegas ou com baixa visão que lê o conteúdo de uma página em voz alta, convertendo texto em fala. Para fazer isso corretamente, precisa de saber qual pronúncia e qual voz usar — palavras em francês pronunciadas com a fonética francesa, palavras em português com a fonética portuguesa, e assim por diante — e obtém essa informação a partir do atributo lang definido na tag <html> da página.
É o mesmo atributo abordado de forma mais técnica e do ponto de vista de SEO no nosso outro guia sobre o atributo lang — aqui o foco é especificamente o que acontece a alguém que depende de um leitor de ecrã quando esse atributo está errado ou em falta.
Por que importa
Sem um atributo lang corretamente definido, um leitor de ecrã tem de adivinhar qual o idioma e a voz a usar, e um palpite errado produz resultados verdadeiramente estranhos, por vezes incompreensíveis — uma página em português lida em voz alta com regras de pronúncia estrangeiras, por exemplo, pode transformar palavras familiares em algo que já não soa como fala real. Isto não é um pequeno inconveniente para quem depende dessa leitura para aceder ao teu conteúdo — pode tornar uma página completamente inutilizável.
Este único atributo é uma das correções de acessibilidade com maior impacto e menor esforço que existem, precisamente por causa dessa diferença entre o tamanho da correção (uma palavra, numa tag) e o quanto pode prejudicar a experiência de um utilizador de leitor de ecrã quando está errado.
Como corrigir
- Confirma que a tag
<html>inclui um atributolangque corresponde ao idioma real da página, por exemplo<html lang="pt">. - Se o teu site tem conteúdo em vários idiomas, garante que o atributo lang de cada página corresponde ao idioma dessa página específica, e não apenas a um valor padrão definido para todo o site.
- Se uma secção dentro de uma página muda de idioma (por exemplo, uma frase citada noutro idioma), essa secção também pode ter o seu próprio atributo lang, mas o mais importante é acertar primeiro o atributo ao nível da página.
- A maioria dos criadores de sites define isto automaticamente com base na definição geral de idioma do teu site — verifica essa definição em vez de editar o código diretamente, se usares uma destas plataformas.
- Se possível, testa a página com um leitor de ecrã gratuito (como o NVDA no Windows ou o VoiceOver, já incluído no macOS/iOS) para ouvir como é lida em voz alta.