É assim que se apresenta um verdadeiro dossiê de conformidade
Isto não é um exemplo de marketing nem um resumo. Em baixo vê um relatório completo e integral, gerado exatamente pelo mesmo motor de análise que mais tarde também irá avaliar a sua plataforma de forma contínua.
O que este exemplo mostra
Uma análise real, sem encenação
Realizada no nosso próprio ambiente de demonstração, com erros propositadamente incorporados. Não foi composta nem ajustada para apresentação.
O mesmo motor que em produção
É exatamente a mesma análise e profundidade que virá a avaliar as suas páginas, construída sobre o axe-core, o mesmo motor que o Google Lighthouse utiliza.
Integral, linha por linha
Cada constatação inclui a localização exata e uma correção concreta. Nada omitido, nada embelezado.
Escalável da loja online ao enterprise
A mesma norma, a mesma profundidade e a mesma prova, independentemente da dimensão da sua plataforma.
Como este exemplo foi feito
Este é um escaneamento real da nossa própria loja de demonstração “Nordlys Living”, uma loja virtual fictícia em que inserimos os erros que mais encontramos na prática: imagens sem texto alternativo, contraste de cores baixo demais, um campo sem rótulo, um botão e um link sem nome. Você pode conferir a página de demonstração você mesmo. Nada neste relatório foi inventado ou exagerado, o que o motor encontrou é o que você vê abaixo.
Resultado para https://seviranta.com/demo-winkel.html
5 infrações · 12 pontos nesta página falham o teste WCAG 2.1 e 2.2 AA.
Se você vende a consumidores na UE, o European Accessibility Act se aplica ao seu site. Inicie uma auditoria contínua e evite multas.
Testado conforme EN 301 549 (WCAG 2.1 AA) + WCAG 2.2 AA com axe-core 4.11.4. O teste automatizado detecta com confiabilidade cerca de 57% dos problemas; os pontos de revisão exigem um julgamento humano. Assim você vê exatamente o que está comprovado preto no branco e onde está o próximo ganho.
Por critério WCAG
As mesmas infrações, agrupadas pelo critério de sucesso que elas afetam.
- 1.4.3 Contraste (mínimo)7 pontos
- 4.1.2 Nome, função, valor3 pontos
- 1.1.1 Conteúdo não textual2 pontos
- 2.4.4 Finalidade do link (no contexto)1 ponto
Infrações, confirmadas por máquina
- Crítico1× nesta página
O que significa · Um botão sem nome é anunciado como 'botão', inutilizável para quem não enxerga. Afeta com frequência os botões de carrinho e de busca.
Como resolver · Dê ao botão um texto ou um aria-label que descreva a ação ('Adicionar ao carrinho', 'Buscar').
Na sua página
Erro ·<button class="icon-btn"><span aria-hidden="true">🔍</span></button>Bom ·<button aria-label="Adicionar ao carrinho"><svg>…</svg></button>WCAG wcag2a, wcag412 · Nome técnico: Buttons must have discernible text · fonte técnica para o seu desenvolvedor
- Grave7× nesta página
O que significa · Texto com contraste insuficiente é ilegível para pessoas com baixa visão e sob luz solar forte no celular. Esta é, de longe, a constatação de EAA mais comum em lojas virtuais.
Como resolver · Escureça ou clareie a cor do texto ou do fundo até que a proporção seja de pelo menos 4,5:1 (3:1 para texto grande). No Shopify: configurações do tema → cores; ajuste as cores de botões e textos uma única vez e a mudança vale para o tema inteiro.
Na sua página
Texto de exemplomedido 1,87:1, exigido 4,5:1#b8b2a7 sobre #f4f1ecTexto de exemplomedido 1,52:1, exigido 4,5:1#ffffff sobre #a8dadcTexto de exemplomedido 1,73:1, exigido 4,5:1#c9c4bb sobre #ffffffWCAG wcag2aa, wcag143 · Nome técnico: Elements must meet minimum color contrast ratio thresholds · fonte técnica para o seu desenvolvedor
- Crítico2× nesta página
O que significa · Imagens sem texto alternativo são invisíveis para leitores de tela. Em fotos de produto, isso significa: um cliente cego não sabe qual é o produto.
Como resolver · Dê a cada imagem informativa um texto alternativo curto que descreva o que ela mostra. No Shopify: produto → mídia → 'editar texto alternativo'. Imagens puramente decorativas recebem um alt vazio (alt="").
Na sua página
Erro ·<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 140'%3E%3Crect fill='%23dfe7e2' width='220' height='140'/%3E%3Ccircle cx='110' cy='70' r='38' fill='%238aa39b'/%3E%3C/svg%3E" width="220" height="140">Bom ·<img src="hond.jpg" alt="Filhote de labrador marrom com coleira">…e 1 elemento semelhante nesta página.
WCAG wcag2a, wcag111 · Nome técnico: Images must have alternative text · fonte técnica para o seu desenvolvedor
- Crítico1× nesta página
O que significa · Campos de entrada sem rótulo não podem ser operados com um leitor de tela e dificultam a vida de qualquer pessoa com deficiência. Afeta campos de busca, login e finalização de compra.
Como resolver · Associe um <label> visível a cada campo de entrada (for/id), ou use um aria-label quando não houver espaço para texto visível.
Na sua página
Erro ·<input type="email" name="email">Bom ·<label for="email">Endereço de e-mail</label><input id="email" type="email">WCAG wcag2a, wcag412 · Nome técnico: Form elements must have labels · fonte técnica para o seu desenvolvedor
- Grave1× nesta página
O que significa · Um link sem texto legível (por exemplo, apenas um ícone) é anunciado pelo leitor de tela como 'link', sem destino, o visitante não sabe para onde vai.
Como resolver · Dê ao link um texto visível, ou um aria-label / texto oculto que descreva o destino (por exemplo, 'Ver carrinho' em vez de um ícone de carrinho sem texto).
Na sua página
Erro ·<a href="#cart"><span aria-hidden="true">🛒</span></a>Bom ·<a href="/winkelwagen" aria-label="Ver carrinho"><svg>…</svg></a>WCAG wcag2a, wcag244, wcag412 · Nome técnico: Links must have discernible text · fonte técnica para o seu desenvolvedor
Exige revisão manual
- Grave1× nesta página
O que significa · Texto com contraste insuficiente é ilegível para pessoas com baixa visão e sob luz solar forte no celular. Esta é, de longe, a constatação de EAA mais comum em lojas virtuais.
Como resolver · Escureça ou clareie a cor do texto ou do fundo até que a proporção seja de pelo menos 4,5:1 (3:1 para texto grande). No Shopify: configurações do tema → cores; ajuste as cores de botões e textos uma única vez e a mudança vale para o tema inteiro.
Na sua página
Erro ·<h2>Get 10% off your first order</h2>WCAG wcag2aa, wcag143 · Nome técnico: Elements must meet minimum color contrast ratio thresholds · fonte técnica para o seu desenvolvedor
Por que isto importa
A Lei Europeia de Acessibilidade está em vigor desde 28 de junho de 2025, não é uma obrigação futura, mas direito vigente. Os Estados-membros devem aplicar sanções “eficazes, proporcionais e dissuasivas”. Além disso, a cada visitante que não consegue usar seu site, você perde um cliente que não finaliza a compra. A boa notícia: as infrações confirmadas por máquina acima têm solução.
Quanto o descumprimento pode custar
- Holanda, até dezenas de milhares de euros por infração mais multa coercitiva; a ACM fiscaliza ativamente e, em 2026, notificou as lojas virtuais com pior pontuação.
- Alemanha, até €100.000 (BFSG).
- França, até €50.000 por serviço online (Arcom).
- Espanha, €90.000 efetivamente aplicados à Vueling (confirmado pela Audiencia Nacional).
- Em 2024, 1.023 lojas virtuais com um widget de overlay foram processadas, o widget não as protegeu.
Sob a EAA, as primeiras fiscalizações e ações judiciais em 2025-2026 são um facto; o aparelho está montado e reforça-se. Estes são os máximos legais.
A armadilha do overlay
Widgets que prometem deixar seu site “100% acessível” com uma linha de código não reparam o código subjacente, colocam uma camada por cima, podem introduzir novos problemas e não protegem você contra processos. O órgão regulador americano FTC multou em 2025 um conhecido fornecedor de overlay em US$ 1 milhão por alegações enganosas de compliance. Nós fazemos o oposto: mostramos o que realmente está acontecendo e como resolver de verdade.
Widget de chat detetado: Tidio
A partir de 2 de agosto de 2026, um chatbot de IA tem de se identificar como IA no primeiro contacto (Regulamento europeu da IA, artigo 50.º), sem exceção para pequenas empresas. A infração está pública no teu site: um olhar do regulador basta. O teu chat é movido a IA? Garante então que esse aviso está ativado.
Ver a verificação de transparência de IAQuanto custa manter isto em dia por conta própria?
Uma estimativa com base na sua própria análise, ajuste os números à sua situação.
Os 12 pontos nesta página custam, por estimativa, 3 horas ≈ € 270 de tempo de reparo.
E isso é um reparo único. Seu site muda continuamente, sem monitoramento, novos erros vão se infiltrando o tempo todo e tudo recomeça. A Seviranta encontra e monitora isto continuamente, para que você faça o trabalho de forma direcionada e bem feito de uma vez.
A forma como o seu site foi construído determina o trabalho: com componentes reutilizáveis e modelos, corrige mais pontos de uma só vez.
Sua declaração de acessibilidade, gerada automaticamente
A partir de uma auditoria completa, elaboramos a sua declaração de acessibilidade exigida por lei, para a UE, os EUA ou o mundo todo, pronta para publicar no seu site. Crie uma conta para gerá-la e baixá-la.
Criar uma contaVeja o que o mesmo motor encontra no seu site.
O escaneamento grátis testa uma página do seu site em profundidade total. Sem conta, sem cartão de crédito, e não guardamos nada.