Acessibilidade WordPress: WCAG e requisitos legais para sites de clientes

A acessibilidade web deixou de ser um tema apenas para o sector público. A Directiva Europeia de Acessibilidade (European Accessibility Act) entrou em aplicação em Junho de 2025 para empresas privadas, tornando obrigatório um nível mínimo de acessibilidade para produtos e serviços digitais. Para agências que gerem sites de clientes, perceber o que isto implica é urgente.

O que é WCAG e o que exige

As WCAG (Web Content Accessibility Guidelines) são o standard internacional de acessibilidade web, publicado pelo W3C. A versão actual é a WCAG 2.2. Organizam-se em 3 níveis de conformidade:

• Nível A: requisitos mínimos — sem os quais algumas pessoas simplesmente não conseguem usar o site
• Nível AA: o nível exigido pela maioria das legislações, incluindo a directiva europeia — cobre a maioria das necessidades de acessibilidade
• Nível AAA: conformidade máxima — difícil de atingir em todo o conteúdo, geralmente não exigida por lei

A maioria das obrigações legais aponta para conformidade WCAG 2.1 nível AA — o que significa que é necessário cumprir todos os critérios de sucesso A e AA.

Quem está obrigado: o European Accessibility Act

O European Accessibility Act (transposto em Portugal pelo Decreto-Lei n.º 83/2018 e actualizado) aplica-se a:

• Serviços e produtos digitais fornecidos ao público em geral
• E-commerce — lojas online são explicitamente cobertas
• Serviços bancários online, transportes, telecomunicações

PMEs com menos de 10 trabalhadores e volume de negócios anual inferior a 2 milhões de euros têm isenções, mas é aconselhável verificar a legislação actualizada para o contexto específico de cada cliente.

Problemas de acessibilidade mais comuns em WordPress

Imagens sem texto alternativo

Imagens sem atributo alt são invisíveis para utilizadores de screen readers. O WordPress pede texto alternativo ao fazer upload, mas muitos utilizadores ignoram. Solução técnica: plugins como WP Accessibility podem avisar quando imagens não têm alt text.

Contraste de cor insuficiente

O rácio mínimo de contraste para texto normal é 4.5:1 (WCAG AA). Temas com texto cinzento claro em fundo branco frequentemente falham este requisito. Verificar com ferramentas como o WebAIM Contrast Checker.

Formulários sem labels adequados

Campos de formulário sem <label> associado são inacessíveis a screen readers. Em WordPress, verificar que os plugins de formulários (WPForms, Gravity Forms, Contact Form 7) geram HTML com labels correctos.

Navegação por teclado

Todos os elementos interactivos (links, botões, formulários) devem ser acessíveis por teclado sem rato. Verificar usando Tab para navegar — cada elemento deve ter um indicador de foco visível.

Ordem de cabeçalhos incorrecta

Saltar de H1 directamente para H3, ou usar H2/H3 apenas por razões visuais (tamanho) em vez de hierarquia semântica. A estrutura de cabeçalhos deve seguir uma hierarquia lógica.

Como auditar a acessibilidade de um site WordPress

Ferramentas automáticas

• WAVE (Web Accessibility Evaluation Tool): extensão Chrome/Firefox que analisa a página e marca visualmente os problemas. Gratuito e fácil de usar.
• axe DevTools: extensão Chrome com análise mais detalhada. A versão gratuita cobre uma grande parte dos critérios WCAG.
• Google Lighthouse: inclui auditoria de acessibilidade na tab Accessibility — score e lista de problemas específicos.

Nota importante: ferramentas automáticas detectam apenas 30-40% dos problemas de acessibilidade. Uma auditoria completa requer teste manual com screen readers e utilizadores reais.

Teste básico manual

• Navegar o site apenas com Tab/Enter — consegue aceder a todos os elementos?
• Verificar indicadores de foco — são visíveis em cada elemento?
• Testar com zoom de 200% — o conteúdo mantém-se legível sem scroll horizontal?
• Verificar que cada imagem tem alt text adequado

WordPress e acessibilidade por defeito

O WordPress core tem melhorado progressivamente a acessibilidade — o Gutenberg editor, os temas oficiais (Twenty Twenty-Four) e muitos temas premium são desenhados com acessibilidade em mente. O maior risco são plugins de terceiros e temas de nicho que não seguem as guidelines.