Lista de verificação de conformidade do Shopify ADA (2026)

A Lei dos Americanos Portadores de Deficiência não menciona sites. Foi escrito em 1990, antes que a maioria das pessoas tivesse e-mail. Mas os tribunais têm decidido consistentemente que o Título III da ADA – que proíbe a discriminação em “locais de alojamento público” – se aplica a lojas de comércio eletrónico, e os comerciantes do Shopify estão a ser processados ​​por isso em números crescentes. Se você vende online nos EUA, este não é um risco hipotético.

Esta é a lista de verificação que usamos quando auditamos uma loja Shopify quanto à acessibilidade. Isso não o tornará à prova de balas – nada o torna – mas preencherá as lacunas que os advogados dos demandantes procuram primeiro.

O que a ADA realmente exige (não existe um padrão oficial)

Aqui está a parte que confunde as pessoas: a própria ADA não nomeia um padrão técnico para sites. O Congresso nunca atualizou a lei da Internet e o Departamento de Justiça declarou que o Título III se aplica a lojas online sem adotar formalmente um conjunto específico de regras.

Na prática, essa lacuna é preenchida porWCAG (Diretrizes de Acessibilidade de Conteúdo da Web) 2.1 ou 2.2, Nível AA. Não é lei, mas é o que os acordos de liquidação, as cartas de orientação do DOJ e as decisões judiciais fazem referência repetidas vezes. Se sua loja atender às WCAG 2.2 AA, você estará alinhado com o que cada parte em uma ação judicial - autor, réu e juiz - irá avaliar você.

Mais duas coisas que vale a pena saber antes de começar:

• A Lei de Acessibilidade da UE é agora executória separadamente(desde junho de 2025) para empresas que vendem para a UE, com os seus próprios requisitos vagamente mapeados para WCAG. Se você envia para clientes europeus, esta lista de verificação cobre a maior parte do mesmo assunto.
• A conformidade não é binária.Você não "passa" no ADA da mesma forma que passa em um teste de direção. Você reduz sua exposição consertando barreiras reais e continua reduzindo-a à medida que encontra mais.

A lista de verificação de conformidade do Shopify ADA

Trabalhe com eles em ordem. Cada seção leva alguns minutos para ser verificada manualmente, mesmo sem ferramentas especializadas.

1. Imagens e mídia

• Cada imagem de produto tem um texto alternativo descritivo - não "IMG_2481.jpg", nem o título do produto repetido sem nenhum detalhe útil, mas uma descrição que um comprador cego poderia usar ("suéter de lã marinho com gola redonda, dobrado, sobre fundo cinza").
• Imagens decorativas (texturas de fundo, espaçadores) possuem atributos alt vazios (alt="") para que os leitores de tela os ignorem em vez de ler o nome do arquivo em voz alta.
• Qualquer vídeo em seu site tem legendas. Qualquer áudio tem uma transcrição.

2. Cor e contraste

• O corpo do texto tem uma taxa de contraste de pelo menos 4,5:1 em relação ao fundo; texto grande (18pt+) precisa de 3:1. Ferramentas gratuitas de verificação de contraste confirmarão isso em segundos em relação à paleta de cores do seu tema.
• Crachás de venda, etiquetas de “esgotado” e erros de formulário não dependem apenas da cor. Um rótulo vermelho “esgotado” também precisa da palavra “esgotado” – usuários daltônicos não conseguem distinguir o vermelho do verde.
• O texto do espaço reservado nos campos do formulário não é o único rótulo. O texto do espaço reservado desaparece quando um campo é preenchido e muitas vezes falha completamente nos requisitos de contraste.

3. Navegação pelo teclado

• Cada elemento interativo – links de navegação, filtros, “adicionar ao carrinho”, seletores de quantidade, gaveta do carrinho, campos de checkout – pode ser acessado e operado usando apenas as teclas Tab e Enter, sem mouse.
• O foco é visível. Quando você clica em um botão ou link, há um contorno visual claro mostrando onde você está. Muitos temas eliminam isso pela estética comoutline: nonee nunca substitua-o.
• Os modais e as gavetas do carrinho prendem o foco corretamente - os ciclos de guia dentro do modal aberto, não para o conteúdo da página oculto atrás dele - e Escape os fecha.

4. Formulários e checkout

• Cada entrada tem um<label>programaticamente vinculado a ele, não apenas colocado visualmente nas proximidades. Os leitores de tela anunciam o rótulo quando o campo recebe foco; sem a conexão, eles não anunciam nada de útil.
• As mensagens de erro são específicas (“Insira um código postal válido”) e anunciadas aos leitores de tela quando aparecem, e não apenas mostradas em texto vermelho.
• O checkout funciona do início ao fim com teclado e leitor de tela. Este é o fluxo único de maior valor a ser testado - também é crítico para a receita, portanto, os bugs aqui custam vendas antes mesmo de custarem um processo judicial.

5. Estrutura e semântica

• Os títulos seguem uma ordem lógica (um H1, depois H2s e depois H3s aninhados sob o H2 direito) em vez de pular níveis para dimensionamento visual.
• Existem regiões de referência - cabeçalho, navegação, principal, rodapé - para que os usuários de leitores de tela possam pular entre as seções em vez de ouvir a página inteira de cima para baixo.
• Os links descrevem seu destino (“Ver política de devolução”, e não “clique aqui” repetido seis vezes em uma página).

6. Aplicativos de terceiros

Esta é a categoria que a maioria dos comerciantes do Shopify sente falta. Seu tema pode ser limpo, mas o widget de revisão, o pop-up de upsell, o balão de bate-papo e o cronômetro de contagem regressiva que você instalou na App Store geralmente não são - e eles carregam em todas as páginas. Audite cada aplicativo instalado individualmente; um único pop-up quebrado pode desfazer todo o resto.

7. Alvos de toque móvel

• Os botões e links têm pelo menos 44×44 pixels no celular, com espaçamento suficiente para que um usuário com controle motor fino limitado não toque no botão errado.

Como testar sua loja

A revisão manual detecta coisas que as ferramentas automatizadas deixam passar, e as ferramentas automatizadas detectam coisas que faltam na revisão manual. Use ambos:

1. Execute uma verificação automatizada primeiro.Nossoferramenta gratuita AccessScanverifica sua página inicial, uma página de produto e seu carrinho em relação às regras WCAG 2.2 A/AA usando axe-core e sinaliza problemas classificados por gravidade em cerca de um minuto. É um ponto de partida genuinamente útil, mas os testes automatizados normalmente detectam apenas 30 a 40% das barreiras reais, portanto, trate uma varredura limpa como um piso, não como uma linha de chegada.
2. Navegue em seu próprio site apenas com um teclado.Desligue o mouse por dez minutos e tente comprar alguma coisa.
3. Verifique com um leitor de tela.O VoiceOver é fornecido gratuitamente em todos os Mac e iPhone; O NVDA é gratuito no Windows. Você não precisa ser fluente - cinco minutos em sua página inicial e na finalização da compra revelarão problemas óbvios rapidamente.
4. Teste novamente após cada atualização de tema ou aplicativo.A acessibilidade não é um projeto único. Uma atualização de tema ou um novo aplicativo pode reintroduzir silenciosamente problemas que você já corrigiu.

Um aviso rápido sobre widgets de acessibilidade

Você verá aplicativos na App Store da Shopify prometendo conformidade instantânea com ADA por meio de uma única instalação de script – geralmente um pequeno ícone de acessibilidade no canto do seu site com um menu de ajustes de exibição. Eles são chamados de widgets de sobreposição e não evitam ações judiciais de maneira confiável. Escrevemos uma análise completa depor que os widgets de sobreposição de acessibilidade não funcionam da maneira como são comercializados– vale a pena ler antes de instalar um, em vez de fazer a lista de verificação acima.

Quanto custa realmente a remediação

Depende inteiramente de quão longe sua loja está atualmente. Uma loja com um tema limpo e moderno e um punhado de aplicativos mal comportados pode precisar de alguns dias de tempo concentrado do desenvolvedor – rotulando formulários, corrigindo contraste, auditando aplicativos. Uma loja construída sobre um tema antigo e altamente customizado, com dezenas de lacunas de acessibilidade incorporadas ao código Liquid personalizado, é um projeto maior, mais próximo de uma reconstrução parcial do tema.

De qualquer forma, a solução é mais barata que a ação judicial. Os custos de defesa legal e liquidação para reivindicações de acessibilidade na web da ADA chegam rotineiramente a cinco dígitos, mesmo quando a correção subjacente levaria uma semana para um desenvolvedor. Se você quiser uma estimativa com escopo definido,Devmerx incorpora acessibilidade em cada tema e migração que oferecemose pode cotar o trabalho de remediação separadamente se você já tiver uma loja.

Perguntas frequentes

O Shopify ADA é compatível imediatamente?

Nenhuma plataforma é “compatível com ADA” por padrão, incluindo o Shopify. O checkout e o administrador principal do Shopify tiveram trabalho de acessibilidade, mas seu tema, seu conteúdo e cada aplicativo que você instalar são de sua responsabilidade. Um tema padrão do Shopify ainda precisa da lista de verificação acima aplicada à sua loja específica.

O cumprimento das WCAG 2.2 AA garante que não serei processado?

Não. A conformidade com as WCAG reduz drasticamente o seu risco e proporciona-lhe uma posição jurídica sólida caso chegue uma reclamação, mas nenhuma norma técnica é uma garantia legal. Algumas afirmações são oportunistas, independentemente da conformidade do site. O que a conformidade com as WCAG faz é remover as violações fáceis e óbvias que tornam um site um alvo fácil em primeiro lugar.

Preciso de uma página de declaração de acessibilidade?

Não é legalmente exigido, mas é uma boa prática. Uma página curta declarando seu compromisso com a acessibilidade, listando o padrão que você está almejando (WCAG 2.2 AA) e fornecendo um método de contato para relatar barreiras demonstra boa fé e oferece aos usuários um canal diferente de uma ação judicial.

Com que frequência devo verificar novamente a acessibilidade?

No mínimo, após cada atualização de tema, cada nova instalação de aplicativo e cada envio de conteúdo importante (novas páginas de coleção, novas páginas de destino). Muitas lojas definem um lembrete trimestral para realizar uma verificação completa, mesmo que nada óbvio tenha mudado.

A correção de problemas de acessibilidade deixará minha loja lenta?

Geralmente o oposto. HTML semântico, marcação limpa e menos scripts de terceiros inchados – as mesmas correções que melhoram a acessibilidade – também tendem a melhorar a velocidade da página. Os dois objetivos raramente entram em conflito.