Shopify e acessibilidade: onde cada erro é corrigido sem mexer no tema
Fotos de produto, botões, cores, formulários, idioma: o menu exato do painel do Shopify onde cada falha de acessibilidade é corrigida, e o que precisa de código.
· Rampa
Lojas Shopify aparecem nos processos de acessibilidade dos EUA mais do que qualquer outra plataforma, não porque o Shopify seja pior, mas porque há muitíssimas e quase todas têm a mesma falha: centenas de fotos de produto sem descrição. A boa notícia é que a maior parte do que uma varredura mostra se corrige no painel, sem desenvolvedor.
Fotos de produto sem descrição (texto alternativo)
Produtos → abra o produto → Mídia → clique na foto → "Adicionar texto alternativo". Uma frase por foto: "Tênis de corrida azul, vista lateral". Para imagens de coleções e do tema: Loja virtual → Temas → Personalizar → clique na seção → cada imagem tem seu campo de texto alternativo.
Contraste baixo
Loja virtual → Temas → Personalizar → Configurações do tema → Cores. Os temas do Shopify (Dawn e família) definem "esquemas de cor"; aumente o contraste do texto secundário, preços riscados e legendas. Meta: 4,5:1 para texto normal.
Botões e ícones sem nome
O ícone do carrinho, a lupa da busca, as setas do carrossel. Temas atuais têm nome; temas antigos ou de terceiros, muitas vezes não. Personalizar → Cabeçalho costuma ter a opção de mostrar texto ao lado do ícone. Se não, é código do tema (veja abaixo).
Campos de formulário
O formulário de contato do Shopify tem rótulos visíveis por padrão. O problema costuma vir de apps de formulário e de newsletter: entre no app e ative "mostrar rótulo" em cada campo; o texto de exemplo não conta.
Idioma da loja
Configurações → Idiomas. O idioma padrão é o que o código declara; se a sua loja é em português e o padrão é inglês, troque.
Título de cada página
Produtos, coleções e páginas têm o campo "Título da página" em "Listagem em mecanismos de busca", lá embaixo. Sem isso, a aba diz o nome da loja e nada mais.
Carrosséis e vídeos que começam sozinhos
Personalizar → a seção de slideshow → desligue "reprodução automática" ou ligue os controles. Vídeos de produto: o Shopify permite enviar legendas em Mídia → o vídeo.
O que precisa mexer no tema
Pop-ups de desconto de apps que prendem o teclado, menus suspensos que não abrem com Tab, botões de "adicionar ao carrinho" com o texto dentro de uma imagem. Para isso é preciso editar o código do tema (Temas → … → Editar código) ou pedir ao app que corrija. Com o HTML corrigido em mãos a mudança leva minutos; sem ele, é adivinhação.
Sobre os apps de acessibilidade da loja do Shopify
Há dezenas de apps que adicionam um botão flutuante e prometem conformidade. Nenhum muda o seu tema: as fotos continuam sem descrição. Antes de instalar um, leia o comparativo de widgets: em 2025 a FTC multou um fornecedor por prometer exatamente isso.