Live · status OK
Back to blog
Manutenção13 min

Acessibilidade web e European Accessibility Act 2025: guia WCAG 2.2

TL;DR

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.

Julien Daniel
ByJulien Daniel
Founder & CTO, OptionWeb
Share
Símbolo de acessibilidade com checklist WCAG 2.2 e bandeira europeia

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 B2CQualquer loja online que venda a consumidores na UE (Shopify, WooCommerce, Magento, custom)
  • Serviços bancários onlineSites e apps de bancos, neobancos, serviços de pagamento
  • Transporte de passageirosSites de bilhética, info tráfego, apps de mobilidade
  • TelecomunicaçõesOperadores telefone/internet, sites de subscrição e gestão de conta
  • Serviços digitaisSaaS, plataformas de reserva, marketplaces, serviços audiovisuais
  • Livros digitais e e-readersEditoras 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érioNívelImpacto
Alt text em todas as imagensACrítico — sem alt, imagem invisível para leitores de ecrã
Contraste de texto 4.5:1 (3:1 grande)AACrítico — afeta pessoas com baixa visão E visão normal sob sol forte
Navegação por teclado completaACrítico — 5% dos utilizadores não consegue usar rato
Foco visível (focus ring 2-4px)AACrítico — sem focus ring, navegação por teclado impossível
Labels associados aos inputsACrítico — formulários inutilizáveis sem labels
ARIA roles/labels nos componentes customACrítico — modais, dropdowns, acordeões
Hierarquia de headings lógicaAImportante — H1→H2→H3 sem salto H2→H4
Texto redimensionável até 200%AAImportante — sem overflow, sem scroll horizontal
Target size mínimo 24×24 píxeis CSSAA (2.2)Novo 2.2 — botões e links clicáveis
Autenticação acessívelAA (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:

  1. Auditoria automática — cobre 30-40% dos problemas em 30 minutos
  2. Auditoria manual — cobre os 60-70% restantes em 4-8 horas
  3. Testes com utilizadores reais — validação final com pessoas com deficiência
FerramentaTipoPreçoCobertura
axe DevToolsAuto (extensão)GratuitoExcelente, +10% em pro
Lighthouse a11yAuto (Chrome)GratuitoBom, integrado no DevTools
WAVEAuto (extensão)GratuitoBom, visualização de erros
Pa11y CLIAuto (CI/CD)GratuitoExcelente para automação
NVDALeitor de ecrãGratuito (Windows)Padrão para auditoria manual
VoiceOverLeitor de ecrãIncluído macOS/iOSPadrão Apple
StarkAuditoria pro8-30 $/mêsPlugin Figma + auditoria live
Tenon.ioAuditoria API0,02 $/scanPara 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:

  1. Adicionar alt text descritivo a todas as imagens de conteúdo (alt vazio para decorativas)
  2. Verificar contraste 4.5:1 em todo o texto (Stark, axe ou Color Contrast Analyser)
  3. Testar navegação por teclado completa: Tab + Shift+Tab + Enter + Espaço + setas
  4. Adicionar focus rings visíveis 2-4px (nunca outline: none sem alternativa)
  5. Associar cada <input> a um <label for> ou <label> envolvente
  6. Adicionar ARIA roles/labels nos componentes custom (modal, dropdown, tabs)
  7. Verificar hierarquia de headings: H1 único por página, ordem lógica sem saltos
  8. Permitir zoom 200% sem overflow nem scroll horizontal
  9. Converter target size em mín. 24×24 píxeis CSS (botões, links clicáveis)
  10. Skip link 'Ir para o conteúdo principal' no início da página (visível ao foco)
components/SkipLink.tsxtsx
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 atingidoTotalmente conforme / Parcialmente conforme / Não conforme
  • Metodologia de avaliaçãoAuditoria interna ou externa, ferramentas usadas, data da auditoria
  • Padrões aplicadosWCAG 2.2 AA, EN 301 549, RGAA se França
  • Lista de conteúdos não acessíveis conhecidosCom calendário de adequação
  • Conteúdos isentosSe aplicável (encargo desproporcionado, arquivos) com justificação
  • Dados de contactoEmail/formulário para pedir uma versão acessível
  • Via de recursoMençã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ísSanções máx.Autoridade
FrançaAté 50 000 € por incumprimento (RGAA + EAA)ARCOM, DGCCRF
BélgicaVariável por Região (Valónia, Flandres, Bruxelas)Comissão EAA federal
AlemanhaAté 100 000 € (BFSG)Marktüberwachungsbehörden
EspanhaAté 600 000 € (LGCA)Ministerio de Asuntos Económicos
ItáliaAté 5% da faturação (Stanca Act + EAA)AgID
Países BaixosVariável segundo ACMAutoriteit Consument & Markt

Riscos relacionados frequentemente mais custosos do que a coima:

  • Ação coletivaPossível em França e Bélgica, danos cumulativos potencialmente importantes
  • Perda de contratos públicosCláusulas de acessibilidade obrigatórias nos concursos
  • Dano reputacionalListas públicas de sites não conformes por associações
  • Perda de audiência15-20% da população europeia com deficiência

Checklist de conformidade 2026

  • Aplicabilidade EAA confirmadaVerificação do âmbito + isenção microempresa
  • Auditoria completa realizadaAuto + manual + testes com utilizadores em 12 meses
  • Top 10 correções aplicadasAlt, contraste, foco, labels, ARIA, hierarquia, zoom, target, skip link
  • Declaração de acessibilidade publicadaPágina dedicada, link no rodapé, atualização anual
  • Testes integrados no CI/CDjest-axe ou Playwright + axe-core em cada PR
  • Formação de equipas editoriaisRedação de alt text, contraste, estrutura
  • Auditoria externa anual programadaValidação por especialista terceiro
Tags#acessibilidade#eaa#wcag#a11y#compliance#rgaa