Testes com Leitores de Ecrã: Guia Prático
Aprenda a testar o seu site com NVDA e JAWS. Inclui checklist, ferramentas gratuitas e técnicas de teste real com utilizadores.
Ler Artigo
Guia de Conformidade
WCAG 2.1: Compreender os Critérios de Conformidade
Explore os três níveis de conformidade — A, AA e AAA — com exemplos práticos e implementação real para o seu projeto web.
O que são os Critérios de Conformidade WCAG?
As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) são um conjunto de recomendações desenvolvidas pelo W3C que explicam como tornar o conteúdo web acessível para pessoas com deficiências. Não é apenas uma lista de regras — é uma framework que ajuda você a entender porquê cada recomendação importa.
Cada critério de conformidade é testável. Isso significa que você pode verificar se o seu site atende ou não ao critério. Não há ambiguidade. Ou o seu botão tem um rótulo acessível, ou não tem. Ou o seu vídeo tem legendas, ou não tem. É assim que funciona.
Os Três Níveis de Conformidade
WCAG tem três níveis. Cada nível é mais rigoroso que o anterior. A maioria das organizações apunta ao Nível AA, que é considerado o padrão ouro da acessibilidade web.
Nível A
Conformidade A
O nível básico. Cobre as barreiras de acessibilidade mais óbvias. Se não atingir o Nível A, o seu site é inacessível para muitas pessoas.
- Alternativas em texto para imagens
- Legendas para vídeos
- Contraste mínimo de cores
- Navegação por teclado funcional
Nível AA
Conformidade AA
O padrão recomendado para a maioria dos sites públicos. Inclui tudo do Nível A, mais requisitos mais rigorosos. A Diretiva Europeia exige pelo menos o Nível AA.
- Contraste aprimorado (4.5:1 para texto)
- Descrições de áudio para vídeos
- Rótulos de formulário claros
- Foco visível em todos os elementos
Nível AAA
Conformidade AAA
O nível mais alto. Nem todos os sites precisam atingir AAA, mas sites que servem populações vulneráveis (educação, saúde, governo) deveriam considerar isso seriamente.
- Contraste máximo (7:1 para texto)
- Linguagem clara e simples
- Definições para palavras técnicas
- Prevenção de convulsões (sem flash)
Como Implementar os Critérios
Não é tão complicado quanto parece. A maioria dos critérios podem ser implementados com boas práticas de HTML semântico e alguns ajustes de CSS. Vamos ser práticos.
Se você está começando, comece com HTML semântico correto. Use
<button>
para botões, não
<div>
. Use
<nav>
para navegação. Use
<h1>
para o título principal. Essas coisas simples já melhoram bastante a acessibilidade.
“A acessibilidade não é uma funcionalidade. É uma responsabilidade. Cada pessoa merece acessar o seu conteúdo, independentemente de como navegam na web.”
Técnicas Práticas para Cada Nível
Aqui estão as coisas que você precisa fazer agora para atingir cada nível de conformidade.
01
Alternativas em Texto
Toda imagem precisa de um atributo
alt
descritivo. Não escreva “imagem de um gráfico” — descreva o que o gráfico
mostra
. “Gráfico mostrando aumento de 45% em conformidade WCAG em 2025” é muito melhor.
02
Contraste de Cores
Nível A precisa de 3:1. Nível AA precisa de 4.5:1 para texto normal, 3:1 para texto grande. Nível AAA precisa de 7:1. Use ferramentas como WebAIM Contrast Checker para verificar.
03
Navegação por Teclado
Todo elemento interativo precisa ser acessível via Tab. Remova
tabindex="0"
desnecessários. Use
:focus-visible
no CSS para mostrar claramente qual elemento tem foco.
04
Rótulos de Formulário
Associe cada
<input>
com um
<label>
usando o atributo
for
. Não deixe rótulos soltos. Usuários de leitores de ecrã precisam saber o que cada campo significa.
05
Legendas e Transcrições
Se tem vídeo, precisa de legendas (Nível A). Se tem áudio importante, precisa de transcrição (Nível AA). Descrições de áudio para conteúdo visual importante (Nível AAA).
06
Linguagem Clara
Use frases curtas. Defina palavras técnicas. Organize o conteúdo com headings. Não escreva blocos de texto densos. Pessoas com dificuldades cognitivas agradecem — e toda a gente beneficia.
Como Testar Conformidade
Você não precisa de ferramentas sofisticadas. Comece com o básico: abra o seu site, desligue o rato e navegue apenas com teclado. Consegue chegar a tudo? Os botões têm foco visível? Consegue ler o texto facilmente?
Depois, use um leitor de ecrã gratuito como NVDA (Windows) ou VoiceOver (Mac). Ouça como o seu site soa. O conteúdo faz sentido quando lido em voz alta? As imagens têm descrições úteis? Os headings estão bem estruturados?
Para testes automatizados, use Axe DevTools ou Lighthouse. Essas ferramentas apanham 50-60% dos problemas de acessibilidade. O resto precisa de testes manuais. Mas não é difícil — é principalmente senso comum.
A Diretiva Europeia de Acessibilidade Web
Em Portugal, a Diretiva 2016/2102 exige que sites públicos atinjam pelo menos o Nível AA. Não é opcional — é lei.
Quem Tem de Cumprir?
Organismos públicos, empresas públicas, e qualquer entidade que presta serviços essenciais ao público. Educação, saúde, governo, transportes — todos têm de estar em conformidade.
Qual é o Nível?
Nível AA é obrigatório. Isso inclui todos os critérios de conformidade do Nível A, mais requisitos mais rigorosos para contraste, navegação e formulários.
Prazos
Novos sites tinham de estar em conformidade em setembro de 2020. Sites existentes tinham até 2023. Se você não cumpriu ainda, está atrasado — mas é melhor começar agora do que nunca.
O Caminho para a Conformidade
Compreender os critérios de conformidade WCAG é o primeiro passo. Depois vem a implementação. Não é preciso fazer tudo de uma vez. Comece com as coisas mais impactantes: HTML semântico, contraste adequado, navegação por teclado.
Teste regularmente. Ouça utilizadores com deficiências. Itere. A acessibilidade não é um projeto com fim — é uma mudança contínua na forma como você desenvolve.
Se está num organismo público em Portugal, precisa estar em conformidade com a lei. Se está numa empresa privada, está a criar um produto melhor para todos. Ou ambas as coisas. Não há razão para não fazer.
Próximo: Testes com Leitores de Ecrã
Aviso Importante
Este artigo é informativo e educacional. Não é aconselhamento legal. As normas de acessibilidade web evoluem, e os requisitos podem variar consoante a sua jurisdição e tipo de organização. Consulte a documentação oficial do W3C e as autoridades regulatórias portuguesas (como a ACESSO — Associação para a Acessibilidade) para orientação específica sobre o seu contexto.
Artigos Relacionados
