É 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
medido 1,87:1, exigido 4,5:1#b8b2a7 sobre #f4f1ecmedido 1,52:1, exigido 4,5:1#ffffff sobre #a8dadcmedido 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
Desde 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. Se esse aviso existe ou não, qualquer pessoa o vê 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.