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:

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.