Acessibilidade web e European Accessibility Act 2025: guia WCAG 2.2
A EAA 2025 impõe a conformidade WCAG 2.2 nível AA aos sites de e-commerce, bancos, transportes, telecomunicações e serviços digitais na UE. Sanções: coimas administrativas até vários milhões de euros, retirada do mercado. Auditoria obrigatória antes de junho de 2025 (retroativa aplicável). Stack 2026: axe DevTools, Lighthouse a11y, leitores de ecrã (NVDA, VoiceOver), navegação completa por teclado, contraste 4.5:1, alt text, etiquetas ARIA, formulários etiquetados.
A 28 de junho de 2025, o European Accessibility Act (Diretiva UE 2019/882) entrou em aplicação após 5 anos de transição. Praticamente todas as PME europeias com atividade online estão agora abrangidas, e a conformidade WCAG 2.2 nível AA já não é opção. Eis o que é preciso saber e fazer em 2026 para se manter do lado certo da lei — e para tornar simplesmente o seu site utilizável pelos 87 milhões de europeus com deficiência.
1. O que é o European Accessibility Act?
A EAA (Diretiva 2019/882) harmoniza as regras de acessibilidade digital na União Europeia. Adotada em 2019, transposta pelos Estados-membros entre 2020 e 2022, entrou em aplicação a 28 de junho de 2025 — com retroatividade para os serviços existentes.
Padrão técnico de referência: EN 301 549 v3.2.1, alinhado diretamente com WCAG 2.1 AA (extensão WCAG 2.2 prevista para 2027). Na prática, em 2026, apontar para WCAG 2.2 AA tornou-se o padrão da indústria.
2. Quem está abrangido em 2026?
Lista não exaustiva das empresas abrangidas pela EAA:
- E-commerce B2C — Qualquer loja online que venda a consumidores na UE (Shopify, WooCommerce, Magento, custom)
- Serviços bancários online — Sites e apps de bancos, neobancos, serviços de pagamento
- Transporte de passageiros — Sites de bilhética, info tráfego, apps de mobilidade
- Telecomunicações — Operadores telefone/internet, sites de subscrição e gestão de conta
- Serviços digitais — SaaS, plataformas de reserva, marketplaces, serviços audiovisuais
- Livros digitais e e-readers — Editoras de ebooks, vendedores de readers
Isenção microempresa: empresa com menos de 10 colaboradores E menos de 2 milhões € de faturação anual. Critérios cumulativos — ultrapassar um deles = conformidade obrigatória.
3. WCAG 2.2 nível AA: 50 critérios-chave
WCAG 2.2 nível AA contém 50 critérios de sucesso organizados em 4 princípios: Percetível, Operável, Compreensível, Robusto (POUR). Os mais impactantes para uma PME:
| Critério | Nível | Impacto |
|---|---|---|
| Alt text em todas as imagens | A | Crítico — sem alt, imagem invisível para leitores de ecrã |
| Contraste de texto 4.5:1 (3:1 grande) | AA | Crítico — afeta pessoas com baixa visão E visão normal sob sol forte |
| Navegação por teclado completa | A | Crítico — 5% dos utilizadores não consegue usar rato |
| Foco visível (focus ring 2-4px) | AA | Crítico — sem focus ring, navegação por teclado impossível |
| Labels associados aos inputs | A | Crítico — formulários inutilizáveis sem labels |
| ARIA roles/labels nos componentes custom | A | Crítico — modais, dropdowns, acordeões |
| Hierarquia de headings lógica | A | Importante — H1→H2→H3 sem salto H2→H4 |
| Texto redimensionável até 200% | AA | Importante — sem overflow, sem scroll horizontal |
| Target size mínimo 24×24 píxeis CSS | AA (2.2) | Novo 2.2 — botões e links clicáveis |
| Autenticação acessível | AA (2.2) | Novo 2.2 — sem auth baseada apenas em memória/cognição |
4. Auditoria de acessibilidade: ferramentas e método
Metodologia OptionWeb em 3 níveis:
- Auditoria automática — cobre 30-40% dos problemas em 30 minutos
- Auditoria manual — cobre os 60-70% restantes em 4-8 horas
- Testes com utilizadores reais — validação final com pessoas com deficiência
| Ferramenta | Tipo | Preço | Cobertura |
|---|---|---|---|
| axe DevTools | Auto (extensão) | Gratuito | Excelente, +10% em pro |
| Lighthouse a11y | Auto (Chrome) | Gratuito | Bom, integrado no DevTools |
| WAVE | Auto (extensão) | Gratuito | Bom, visualização de erros |
| Pa11y CLI | Auto (CI/CD) | Gratuito | Excelente para automação |
| NVDA | Leitor de ecrã | Gratuito (Windows) | Padrão para auditoria manual |
| VoiceOver | Leitor de ecrã | Incluído macOS/iOS | Padrão Apple |
| Stark | Auditoria pro | 8-30 $/mês | Plugin Figma + auditoria live |
| Tenon.io | Auditoria API | 0,02 $/scan | Para devs, integração custom |
5. Correções prioritárias (por impacto)
Top 10 correções que resolvem 80% dos problemas de acessibilidade num site PME:
- Adicionar alt text descritivo a todas as imagens de conteúdo (alt vazio para decorativas)
- Verificar contraste 4.5:1 em todo o texto (Stark, axe ou Color Contrast Analyser)
- Testar navegação por teclado completa: Tab + Shift+Tab + Enter + Espaço + setas
- Adicionar focus rings visíveis 2-4px (nunca outline: none sem alternativa)
- Associar cada <input> a um <label for> ou <label> envolvente
- Adicionar ARIA roles/labels nos componentes custom (modal, dropdown, tabs)
- Verificar hierarquia de headings: H1 único por página, ordem lógica sem saltos
- Permitir zoom 200% sem overflow nem scroll horizontal
- Converter target size em mín. 24×24 píxeis CSS (botões, links clicáveis)
- Skip link 'Ir para o conteúdo principal' no início da página (visível ao foco)
export function SkipLink() {
return (
<a
href="#main-content"
className="absolute left-0 top-0 -translate-y-full bg-cyan-300 text-black px-4 py-2 z-[100] focus:translate-y-0 transition-transform"
>
Aller au contenu principal
</a>
);
}6. Declaração de acessibilidade
Documento obrigatório em página dedicada (link no rodapé), a atualizar anualmente. Deve conter:
- Nível de conformidade atingido — Totalmente conforme / Parcialmente conforme / Não conforme
- Metodologia de avaliação — Auditoria interna ou externa, ferramentas usadas, data da auditoria
- Padrões aplicados — WCAG 2.2 AA, EN 301 549, RGAA se França
- Lista de conteúdos não acessíveis conhecidos — Com calendário de adequação
- Conteúdos isentos — Se aplicável (encargo desproporcionado, arquivos) com justificação
- Dados de contacto — Email/formulário para pedir uma versão acessível
- Via de recurso — Menção do direito de recorrer à autoridade competente (ANACOM em Portugal, ARCOM em França)
7. Sanções e riscos
Nível de risco por país:
| País | Sanções máx. | Autoridade |
|---|---|---|
| França | Até 50 000 € por incumprimento (RGAA + EAA) | ARCOM, DGCCRF |
| Bélgica | Variável por Região (Valónia, Flandres, Bruxelas) | Comissão EAA federal |
| Alemanha | Até 100 000 € (BFSG) | Marktüberwachungsbehörden |
| Espanha | Até 600 000 € (LGCA) | Ministerio de Asuntos Económicos |
| Itália | Até 5% da faturação (Stanca Act + EAA) | AgID |
| Países Baixos | Variável segundo ACM | Autoriteit Consument & Markt |
Riscos relacionados frequentemente mais custosos do que a coima:
- Ação coletiva — Possível em França e Bélgica, danos cumulativos potencialmente importantes
- Perda de contratos públicos — Cláusulas de acessibilidade obrigatórias nos concursos
- Dano reputacional — Listas públicas de sites não conformes por associações
- Perda de audiência — 15-20% da população europeia com deficiência
Checklist de conformidade 2026
- Aplicabilidade EAA confirmada — Verificação do âmbito + isenção microempresa
- Auditoria completa realizada — Auto + manual + testes com utilizadores em 12 meses
- Top 10 correções aplicadas — Alt, contraste, foco, labels, ARIA, hierarquia, zoom, target, skip link
- Declaração de acessibilidade publicada — Página dedicada, link no rodapé, atualização anual
- Testes integrados no CI/CD — jest-axe ou Playwright + axe-core em cada PR
- Formação de equipas editoriais — Redação de alt text, contraste, estrutura
- Auditoria externa anual programada — Validação por especialista terceiro
Read next
RGPD e site em 2026: guia de conformidade para PME europeias
Cookies, Consent Mode v2, transferências fora da UE, EPD, registo de tratamentos, prazos de conservação: tudo o que uma PME deve configurar em 2026 para se manter conforme com o RGPD.
Next.js static export e Core Web Vitals: o playbook 2026
Todas as otimizações aplicadas em sites Next.js static export para atingir 95+ PageSpeed mobile: estratégia de fontes, CSS, LCP, INP, CLS, armadilhas Framer Motion, hosting.
SEO técnico de um site estático Next.js: checklist completa 2026
Tudo o que configurar tecnicamente para um site Next.js em static export atingir 100/100 em SEO: metadata, JSON-LD, sitemap, hreflang, robots, Speakable, schemas avançados.
