Ir para o conteúdo principal
Seviranta

Acessibilidade no Shopify

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

O Shopify é poderoso, mas não é acessível por predefinição: temas, apps e o teu checkout introduzem barreiras silenciosas. Nós encontramo-las e entregamos a correção no teu próprio código Liquid, sem um widget que torna o teu site mais lento.

É assim que a Seviranta trata o seu site Shopify na origem

Onde as barreiras se escondem

Temas, extensões e formulários introduzem barreiras silenciosas. Nós encontramo-las todas.

A correção na origem, não por cima

Reparações concretas no seu tema Liquid, sem uma camada de overlay que apenas esconde os erros.

Sem widget, sem lentidão

Fazemos o crawl externamente a partir de servidores na UE, com 0% de impacto na sua velocidade de carregamento e nos Core Web Vitals.

Pronto para a EAA

Avaliamos o seu site face à WCAG, ao nível a que as autoridades reguladoras o fazem.

Sem precisar de conta. Escaneamos uma página do seu site em profundidade total e não guardamos nada.

Análise headless com o axe-core, o mesmo motor que está no Google Lighthouse, a partir dos nossos servidores na UE. 0% de impacto na velocidade de carregamento do seu site.

Ou vê primeiro como funciona →

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 está mesmo em jogo

  • Um checkout não acessível é uma infração direta da EAA.
  • Um widget de acessibilidade não conta como solução estrutural.
  • As autoridades testam o HTML gerado, incluindo as tuas apps.
  • 'Usamos Shopify' não é uma defesa legal: a responsabilidade é da loja online que está no ar, não da plataforma.

O que esperar pode custar

até € 1.000.000

Máximo UE · Espanha/Luxemburgo

$ 4.000

EUA · Califórnia (Unruh), por visita

Não és multado do nada, primeiro chega uma ordem de correção com prazo. Mas quem nesse momento conseguir mostrar um dossiê datado sai mais barato.

Vê o que se aplica ao teu mercado

O risco oculto das extensões Shopify de terceiros

Widgets de avaliações, filtros, bundlers e apps de pesquisa injetam HTML dinâmico no seu frontend, e cada atualização de uma app pode acrescentar uma nova barreira. Numa auditoria, esse código conta na íntegra, ainda que não tenha sido você a escrevê-lo. É por isso que a Seviranta monitoriza em contínuo o resultado final tal como uma entidade reguladora o vê: o seu tema Shopify mais todas as apps e o conteúdo dinâmico.

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:

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

Onde o corriges dentro do Shopify

Os componentes próprios do Shopify (admin, checkout, o tema Dawn) têm relatórios de conformidade e o Shopify usa as WCAG 2.2 como referência. Mas a loja que o teu cliente vê é tema mais apps mais conteúdo. É aqui que falha e é aqui que o corriges.

  1. 1Conhece os limites do Dawn e do checkoutO próprio relatório do Shopify sobre o Dawn (WCAG 2.1, versão 2.4.0) classifica como 'partially supports', entre outros, textos alternativos, landmarks, gestão do foco em componentes dinâmicos e contraste. O relatório do checkout de março de 2026 assinala contraste variável, anéis de foco que podem ser 'inconsistentes, difíceis de ver ou inexistentes' e um resumo da encomenda colocado depois do footer no DOM. Um tema padrão é um ponto de partida, não uma garantia.
  2. 2Texto alternativo por item multimédiaProducts → produto → item multimédia → 'Add alt text'. Máximo de 512 caracteres, o Shopify recomenda 125. Descreve o que pesa na decisão de compra; as imagens decorativas ficam com um alt vazio. No Dawn, o alt duplica por vezes o título do cartão de produto, algo que o Shopify aponta como constatação no seu próprio relatório.
  3. 3Cores e contraste no editor de temasOnline Store → Themes → Edit theme → Theme settings → Colors define os esquemas de cores para todo o tema. Não inclui qualquer verificação de contraste, por isso testa tu próprio: 4,5:1 para texto, 3:1 para títulos a partir de 24 px e para contornos de botões e ícones (a norma do próprio Shopify). O CSS personalizado está limitado a 1.500 caracteres para todo o tema e não funciona no checkout.
  4. 4Código do tema e appsAs correções estruturais (etiquetas em falta, aria-expanded em menus, foco no cart drawer) vivem em sections e snippets em Online Store → Edit code. Desaparecem com uma atualização do tema, por isso documenta-as. As apps injetam-se através de app embeds antes de </head> e </body>, ou diretamente no código do teu tema; desativa os embeds que não usas em Theme settings → App embeds.
  5. 5O checkout: o que controlas de factoO checkout.liquid está descontinuado e as extensões do checkout correm numa sandbox sem acesso ao HTML do checkout. O que controlas de facto: logótipo, cores e tipo de letra através do branding do checkout (a partir do Basic); opções de estilo mais amplas apenas no Plus. Escolhe aí cores que cumpram o rácio de contraste; o resto do checkout é responsabilidade do Shopify e consta do seu próprio relatório.

O próprio Shopify escreve (julho de 2026) que os widgets de acessibilidade não devem substituir a correção nem fazer parte de uma estratégia de conformidade. É exatamente a nossa linha: corrigir o erro no tema, não o tapar.

O que recebes

Por erro: o quê, porquê e como

Para cada constatação vês o que está errado, quem afeta, que regra WCAG se aplica e uma solução concreta e consciente do Shopify, com exemplo de código sempre que possível.

Deteção específica da plataforma

Apanha os erros que surgem precisamente no Shopify, não apenas aquilo que uma verificação genérica de WCAG deteta.

Um dossiê que aguenta

Uma visão geral datada das tuas análises e constatações que podes mostrar numa auditoria ou inspeção.

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:

Widgets de acessibilidade Shopify

  • Carregam scripts externos extra que prejudicam a tua velocidade de carregamento (LCP) e, com isso, a tua conversão.
  • Mascaram o erro em vez de o resolver, o código de fundo continua errado.
  • Não protegem contra reclamações. A FTC multou a accessiBe, fornecedora de overlays, em 2025 em $1 milhão por alegações de conformidade enganosas.

A abordagem da Seviranta

  • 0% de impacto na tua velocidade de carregamento, analisamos externamente a partir dos nossos servidores na UE.
  • Corrigimos o verdadeiro código-fonte dos teus templates Shopify.
  • Construímos automaticamente o seu dossiê EAA arquivável, pronto a apresentar a uma autoridade reguladora.

Perguntas e respostas

O meu tema vem da Theme Store. Não está já aprovado?
A Theme Store exige uma pontuação média de acessibilidade de 90 no Lighthouse e uma lista de requisitos básicos: teclado, foco visível, textos alternativos, contraste, etiquetas. É uma boa base, mas o Lighthouse só testa uma parte das WCAG, e as tuas cores, conteúdo, apps e personalizações somam-se por cima. Um regulador testa a loja publicada.
Também vendo para a Alemanha ou França. O que se aplica aí à minha loja Shopify?
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 loja publicada, não o facto de usares o Shopify.
A Seviranta consegue analisar e corrigir o checkout do Shopify?
Analisar, sim: testamos as páginas publicadas, carrinho e checkout incluídos. Corrigir: o que está no teu tema e nas tuas apps entregamos como correção no teu próprio código. O que está dentro do checkout do próprio Shopify só o podes influenciar através das definições de branding. O nosso relatório faz essa distinção, para que o teu dossiê esteja correto.
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.

Nós também o fazemos connosco

Aplicamos a nós próprios exatamente a mesma fasquia: o nosso próprio site regista 0 erros no axe-core, o mesmo motor que está no Google Lighthouse e com o qual também analisamos a sua loja Shopify. Aquilo que uma máquina deteta com certeza, resolvemos de forma automática; o restante é avaliado por uma pessoa. É este o rigor que pode esperar de nós: vê um relatório de exemplo real.

O que a EAA exige da tua loja Shopify

Desde junho de 2025 a tua loja online tem de cumprir o WCAG 2.1 AA, uma loja Shopify não é exceção. A análise gratuita mostra-te em 60 segundos onde estás, com a linha exata que falha.

Vendes em mais do que um país?

WCAG é o padrão mundial. Quase todos os mercados se baseiam nele:

UE: European Accessibility ActEUA: ADARU: Equality Act 2010

Ajusta a tua loja Shopify ao WCAG uma única vez e cobres a fasquia técnica em todos esses mercados. O que muda por mercado é a entidade que fiscaliza e as coimas.

Vê o que se aplica por mercado-alvo

Geres vários sites Shopify para clientes?

Evita que as lojas online que entregas se tornem um risco legal ao abrigo da EAA para os teus clientes. Usa a Seviranta como o teu carimbo de qualidade automatizado em cada entrega e deploy, uma análise, e cada site fica comprovadamente em ordem.

Vê o nosso programa de parceiros

Analisa a tua loja Shopify grátis

Cola o URL da tua Shopify na análise gratuita e vê num minuto que linhas falham, com o sítio exato no teu tema.