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

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

Um tema Shopify Online Store 2.0 padrão como o Dawn ou o Sense pontua melhor do que muitas lojas online, mas raramente atinge sozinho o WCAG 2.2 AA. Assim que instalas apps, personalizas o teu tema ou adicionas produtos sem texto alternativo, surgem barreiras que os teus clientes, e o European Accessibility Act, não aceitam.

O que costuma correr mal no Shopify

• O cart drawer AJAX prende o foco do tecladoQuando um cliente adiciona algo, o drawer do carrinho desliza para o ecrã. Em muitos temas Shopify o foco fica preso lá dentro (focus trap), por isso os utilizadores de teclado e de leitor de ecrã já não conseguem chegar ao botão de checkout.
• Pesquisa preditiva sem aria stateAs sugestões de pesquisa AJAX costumam não ter aria-expanded nem uma live region, pelo que um leitor de ecrã nunca anuncia que apareceram resultados.
• Swatches de cor e filtros sem estadoAs swatches de variante e os filtros de coleção falham com frequência o aria-checked ou o aria-expanded, o utilizador (e a máquina) não consegue saber que filtro ou que cor está ativo.
• Imagens Liquid sem texto alternativoAs tags img geradas automaticamente em Liquid passam muitas vezes o texto alternativo do painel da Shopify vazio ou críptico, ilegível para leitores de ecrã e para o Google.

Como é uma correção a sério

Pega no botão do ícone do carrinho no teu tema Liquid. Sem um nome acessível, um utilizador de leitor de ecrã ouve apenas 'botão'. A correção é um único atributo, sem reconstrução:

<button class="cart-toggle">
  {% render 'icon-cart' %}
</button>

<button class="cart-toggle" aria-label="{{ 'general.cart.title' | t }}">
  {% render 'icon-cart' %}
</button>

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 Shopify é um risco para o teu negócio. Os factos em resumo:

Um widget de acessibilidade Shopify 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 Shopify 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 Shopify?

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

Isto torna o meu site Shopify 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.