Torna a tua loja WooCommerce mesmo acessível. EAA e WCAG, sem overlay

A verdade: o WooCommerce não é acessível por predefinição

Um tema de blocos WooCommerce arrumado como o Storefront começa melhor do que muitas lojas, mas raramente atinge sozinho o WCAG 2.2 AA. Assim que personalizas o teu checkout, instalas extensões ou escolhes um tema com botões cinzento-claro, surgem barreiras que os teus clientes, e o European Accessibility Act, não aceitam.

O que costuma correr mal no WooCommerce

• Mensagens de erro do checkout sem aria-liveQuando o checkout falha, o WooCommerce mostra um aviso como 'introduz uma morada válida'. Sem aria-live="assertive" um utilizador cego nunca ouve esse aviso e fica a adivinhar por que razão a encomenda não avança.
• Campos de formulário sem label associadoEm muitos temas e personalizações de checkout, os campos vêm sem um label corretamente associado ou apenas com um placeholder. Um utilizador de leitor de ecrã ouve então um campo de entrada vazio sem saber o que ali deve ir.
• Contraste demasiado baixo nos botões do temaMuitos temas WooCommerce usam texto cinzento-claro num botão colorido, ou uma cor de botão próxima do fundo. Isso falha muitas vezes o mínimo de contraste do WCAG, por isso os clientes com baixa visão não conseguem ler 'Adicionar ao carrinho'.
• Adicionar ao carrinho via AJAX sem mensagem de estadoQuando um cliente clica em 'Adicionar ao carrinho', isso corre por AJAX sem recarregar a página. Sem uma live region um leitor de ecrã nunca anuncia que o produto foi adicionado, por isso o utilizador não consegue saber se a ação resultou.

Como é uma correção a sério

Pega num label de formulário no teu checkout WooCommerce. Através de um filtro ligas-te ao campo e dás-lhe um nome correto e associado, sem reconstruir o checkout:

<input type="text" name="billing_company" id="billing_company"
  placeholder="Bedrijfsnaam">

add_filter( 'woocommerce_checkout_fields', function( $fields ) {
  $fields['billing']['billing_company']['label'] = __( 'Bedrijfsnaam', 'theme' );
  return $fields;
} );

O que recebes

Com uma ferramenta de relatórios pagas a licença e os teus programadores para resolverem os erros. Com a Seviranta a correção está incluída, sem conta a dobrar.

Protege a tua conversão e o teu enquadramento legal

Uma app que cola um ícone de acessibilidade por cima do teu site WooCommerce é um risco para o teu negócio. Os factos em resumo:

O WooCommerce diz que cumpre as WCAG 2.2 AA. Então porque falha a minha loja?

Essa afirmação cobre o front end do plugin principal num tema padrão. O teu tema, as tuas cores, o teu conteúdo de produto, as tuas personalizações do checkout e cada plugin renderizam na mesma página, e é aí que estão as constatações. O próprio WooCommerce o diz: temas e plugins podem quebrar a acessibilidade do checkout.

Também vendo para a Alemanha ou França. O que se aplica aí à minha loja WooCommerce?

Alemanha: o BFSG aplica-se às lojas online B2C desde 28 de junho de 2025, com uma isenção para microempresas (menos de dez pessoas e no máximo 2 milhões de euros de volume de negócios ou de total do balanço); a supervisão cabe à Marktüberwachungsstelle der Länder (MLBF). França: desde 28 de junho de 2025 o comércio eletrónico está abrangido pela transposição da EAA no Code de la consommation, com a mesma isenção para microempresas, sob supervisão da DGCCRF; a bitola é o RGAA (WCAG 2.1 AA). Em ambos os países conta a página publicada, não o facto de usares o WooCommerce.

Devo mudar do checkout por shortcode para o checkout por blocos?

Não necessariamente. O WooCommerce não publica nenhuma comparação e o relatório testa ambos. Mas o checkout por blocos é, desde a 9.0, onde aterra a maioria das melhorias (landmark main, mensagens de estado, estrutura de títulos). Se ficares no shortcode, verifica tu próprio as mensagens de erro, as etiquetas e a mensagem de estado ao 'atualizar carrinho'; esses pontos só foram corrigidos em 2025.

Um widget de acessibilidade WooCommerce chega para a EAA?

Não. Um widget põe uma camada por cima do teu site, mas não repara o código de fundo e não conta como conformidade estrutural.

O meu checkout WooCommerce está abrangido pela EAA?

Sim. O checkout e a navegação fazem explicitamente parte da obrigação ao abrigo do WCAG 2.1 AA.

A Seviranta analisa também as minhas apps WooCommerce?

Sim. Testamos o HTML final gerado, tema mais apps, tal como uma autoridade faz.

Isto torna o meu site WooCommerce mais lento?

Não. Analisamos externamente a partir dos nossos servidores na UE; não entra nenhum script no teu site. 0% de impacto na tua velocidade de carregamento e nos Core Web Vitals.