Um relatório de exemplo que mostra exatamente o que recebe: o formato, a priorização e as sugestões de correção de um fluxo de análise real da Axively. O site apresentado é um exemplo fictício; a sua própria auditoria tem a mesma estrutura.
Violações WCAG de nível AA ou barreiras funcionais críticas (carrinho, checkout, formulários). Forte indicador de não conformidade com a legislação de acessibilidade — sujeito a revisão manual.
Violações WCAG de nível A e outros problemas graves ou moderados. O nível A é igualmente obrigatório para a conformidade — os níveis ordenam o impacto no utilizador e a prioridade de correção, não o peso jurídico.
A verificação automática não detetou violações WCAG de nível A ou AA — apenas recomendações de boas práticas e constatações menores.
Um número elevado de descobertas não é um desastre, é um inventário. Das 6752 ocorrências, 267 são violações WCAG e 6485 são boas práticas — e tudo provém de apenas 5 causas distintas.
target-sizePessoas com deficiências motoras ou visuais e utilizadores de dispositivos tácteis têm dificuldade em acertar num alvo pequeno e cometem erros. Aumente a área clicável com padding:
/* before */
<a href="tel:..." class="page-header--link">+33 1 00 00 00 00</a>
/* after */
<a href="tel:..." class="page-header--link"
style="padding:10px; display:inline-block;">+33 1 00 00 00 00</a>Na prática recomendamos corrigir isto com uma classe CSS em vez de um estilo inline, a sugestão mostra o princípio.
link-nameOs leitores de ecrã anunciam estas ligações apenas como «ligação», pelo que o destino não pode ser conhecido. Dê à ligação um nome acessível e oculte o ícone decorativo:
/* before */
<a class="social-link" href="https://example.com/rss">
<svg class="icon"></svg>
</a>
/* after */
<a class="social-link" href="https://example.com/rss" aria-label="RSS">
<svg class="icon" aria-hidden="true" focusable="false"></svg>
</a>Estas constatações provêm das regras de boas práticas do axe. Melhoram a usabilidade para quem usa tecnologias de apoio, mas não correspondem a nenhum critério de sucesso WCAG, pelo que não contam como violações nem afetam o preço da auditoria.
label-title-onlyUm campo apenas com o atributo title e sem <label> visível é anunciado de forma inconsistente pelas tecnologias de apoio, e os utilizadores normovisuais não têm etiqueta nenhuma. Adicione uma etiqueta associada:
/* before */
<input class="search" title="address" type="text">
/* after */
<label for="locality">Address</label>
<input id="locality" class="search" type="text">regionOs leitores de ecrã não conseguem navegar nem ignorar de forma fiável o conteúdo que fica fora das regiões de marco. Como é um elemento de modelo, envolva-o numa única região de marco:
/* before */
<div class="page-content">
...
</div>
/* after */
<main class="page-content">
...
</main>Uma única correção no modelo remove todas as ~6 400 ocorrências: resolve-se por modelo, não por página.
empty-headingQuem navega por títulos com um leitor de ecrã chega a um elemento que não anuncia nada. Apresente o título apenas quando existir texto, ou preencha-o:
/* before */
<h3 class="teaser-title"></h3>
/* after */
<h3 class="teaser-title">Horaires d'ouverture en aout</h3>Um número elevado de ocorrências não significa milhares de problemas diferentes: normalmente são umas poucas causas repetidas nos modelos. Por isso uma auditoria resolve-se por modelo e por causa, não página a página: uma única correção no modelo elimina todas as suas ocorrências de uma vez.
Nota sobre a escala: o resumo acima agrupa os resultados em 3 níveis de risco (alto / médio / baixo) consoante o impacto na conformidade, o que também determina o preço. O relatório abaixo divide-os em 4 níveis técnicos (crítico / grave / moderado / menor) consoante a gravidade do defeito avaliada pelo motor de análise. Duas vistas dos mesmos dados, não uma incoerência.
Relatório PDF, os mesmos dados prontos para entregar a um advogado, à gestão ou a um regulador: resumo, distribuição por gravidade e regra, ordem de correção recomendada.
Declaração de acessibilidade, gerada no formato para o seu país, com as descobertas deste exemplo na secção de conteúdo não acessível.
Declaração provisória, verifique todos os detalhes antes de publicar. A Axively não presta aconselhamento jurídico.
Cada auditoria de IA inclui uma nova análise de verificação gratuita em 30 dias. A equipa corrige os modelos de acordo com as sugestões, executa a nova análise e vê uma comparação direta antes e depois na mesma visualização.
pagamento único com base no tamanho do site, nova análise de verificação incluída na auditoria de IA