Relatório de correção

Relatório de Acessibilidade

Testamos seu site segundo os níveis A e AA da WCAG 2.2 em um navegador real, percorremos o caminho principal dele usando só o teclado (em uma loja, até o botão de finalizar compra) e entregamos ao seu desenvolvedor a mudança para cada barreira, criada a partir do seu próprio HTML.

  • Até 25 páginas testadas
  • Teste de percurso pelo teclado
  • 5 novos testes incluídos

O que verificamos

  • Regras A e AA da WCAG 2.2

    Testes automatizados com axe-core nas suas páginas-chave e em até 20 páginas a mais do seu sitemap: texto alternativo, contraste de cores, nomes de botões e links, rótulos de formulário, cabeçalhos, landmarks e ARIA.

  • Teste de percurso pelo teclado

    Usando apenas o teclado: em uma loja, da página inicial ao produto, às opções, ao Adicionar ao carrinho e ao carrinho, parando no botão de finalizar compra; nos demais sites, da página inicial à página-chave, à principal chamada para ação dela e aos campos do formulário. Nada é enviado, nunca.

  • Armadilhas de foco e foco visível

    Se o foco fica preso, por exemplo em um banner de cookies, e se os visitantes conseguem ver onde ele está.

  • Refluxo no celular a 320 px

    Se as páginas exigem rolagem horizontal em um celular pequeno (WCAG 1.4.10).

  • Mapa de alegações da notificação

    Se você colar uma notificação, cada alegação é comparada com o que nossos testes reproduziram, com a contagem de ocorrências por página.

  • Itens para verificação humana

    O que os testes sinalizam, mas não conseguem decidir, como texto sobre imagens, com a forma de verificar cada um.

O que você recebe

  • Uma lista com prioridades: corrigir primeiro, corrigir em seguida, melhorar
  • Código de antes e depois criado a partir de cada elemento com falha
  • Passos para Shopify, WordPress, WooCommerce ou a plataforma que detectarmos
  • Um prompt de IA pronto para cada achado
  • Capturas de tela com o elemento com falha destacado
  • Um rascunho de declaração de acessibilidade e um registro de evidências
  • 5 novos testes para confirmar suas correções, e um PDF

Como o relatório é feito

  1. 1

    As cinco páginas da sua análise gratuita, mais até 20 do seu sitemap, são carregadas no Chromium e testadas com o axe-core.

  2. 2

    Uma sessão de navegador separada percorre o caminho principal do site usando só o teclado e registra cada etapa, com uma captura de tela onde algo falha.

  3. 3

    Cada falha recebe uma correção escrita para a sua plataforma; depois, o relatório é montado e enviado para o seu e-mail.

Achados do relatório de exemplo

Resultado real para a Harbor & Pine, uma loja fictícia que criamos com problemas comuns.

Abrir o relatório de exemplo completo
  • Critical

    @axe/button-name/help{"$en":"Buttons must have discernible text"}

    @axe/button-name/help{"$en":"Buttons must have discernible text"}: the failing element outlined in red

    41 instances on 9 pages. WCAG 4.1.2 requires every control to have a name. Unnamed buttons often include quantity steppers, close buttons and slider arrows.

    Fix: Add visible text, visually hidden text, or an aria-label that says what the button does (for example {a} or {b}).{"a":"aria-label=\"Close\"","b":"aria-label=\"Increase quantity\""}

  • Critical

    @axe/image-alt/help{"$en":"Images must have alternative text"}

    @axe/image-alt/help{"$en":"Images must have alternative text"}: the failing element outlined in red

    22 instances on 7 pages. WCAG 1.1.1 requires a text alternative for meaningful images. Without it, a screen reader user can't tell which product a photo shows.

    Fix: Describe what matters to a shopper: product name, color and the angle shown (for example 'Canvas tote in olive, front view').

  • Critical

    @axe/label/help{"$en":"Form elements must have labels"}

    @axe/label/help{"$en":"Form elements must have labels"}: the failing element outlined in red

    7 instances on 6 pages. WCAG 1.3.1, 3.3.2 and 4.1.2 require form fields to have labels. Newsletter sign-up and search fields are common offenders.

    Fix: Placeholder text alone does not count as a label.

O que ele não cobre

  • Saída do leitor de tela, legendas e audiodescrição (inclui uma lista de verificação manual)
  • Checkout, pagamento e envio de formulários
  • Páginas protegidas por login
  • Aconselhamento jurídico ou certificado de conformidade com a ADA ou a EAA

Perguntas sobre este relatório

Esta é uma auditoria WCAG completa?

É uma auditoria automatizada mais um teste de percurso pelo teclado. Testes automatizados encontram parte dos problemas de WCAG de um site, por isso o relatório também lista o que precisa de verificação humana e como fazê-la.

Ele ajuda com uma notificação com base na ADA?

Se você colar a notificação, o relatório mostra quais alegações nossos testes reproduzem no seu site, com evidências. É um registro factual, não aconselhamento jurídico; fale com um advogado sobre a notificação em si.

Para quais plataformas o código funciona?

As correções são escritas para a plataforma que detectamos: temas Shopify, WordPress e WooCommerce, Webflow, BigCommerce, Wix, Squarespace, frameworks como Next.js ou HTML puro. Quando não conseguimos ver seu código-fonte, a localização dos arquivos é dada como indicação.

O que são os 5 novos testes?

Depois que seu desenvolvedor fizer as mudanças, você pode executar as mesmas verificações de novo a partir do relatório, até cinco vezes, e ver quais problemas deixaram de ser reproduzidos.

Analise seu site hoje

Encontre. Corrija. Verifique.

Que tipo de site é este?

Sua resposta escolhe as verificações certas, como a jornada de compra em lojas online. Mesmo assim verificamos os sinais do próprio site e mostramos os dois.

Que tipo de site é este?

Análise gratuita. Sem cartão de crédito.