Auditoria manual eMAG 3.1
Checklist de Acessibilidade
100 critérios · 16 categorias · WCAG 2.1/2.2 + eMAG 3.1 + NBR 17225:2025
0 de 100 avaliados0% conformidade
1.1
Todo conteúdo e funcionalidade pode ser operado apenas com teclado
A2.1.1
1.2
Nenhum componente prende o foco de teclado sem forma de sair (armadilha de foco)
A2.1.2
1.3
O indicador de foco de teclado é claramente visível em todos os elementos interativos
AA2.4.7
1.4
O foco aparece com aparência de alto contraste e área mínima visível
AA2.4.11
1.5
A ordem de foco segue uma sequência lógica e coerente com o layout visual
A2.4.3
1.6
Atalhos de teclado personalizados não conflitam com atalhos do sistema operacional ou navegador
A2.1.4
1.7
Existe link "Pular para o conteúdo principal" visível ao receber foco
A2.4.1
1.8
Modais, menus e overlays fecham com a tecla Esc e devolvem foco ao elemento de origem
A2.1.1
1.9
Componentes de arrastar e soltar têm alternativa por teclado
A2.1.1
1.10
Carrosseis, abas e acordeões são operáveis por teclado com setas ou Tab
A2.1.1
2.1
Imagens informativas têm texto alternativo (alt) descritivo e conciso
A1.1.1
2.2
Imagens decorativas têm alt vazio (alt="") ou role="presentation"
A1.1.1
2.3
Imagens complexas (gráficos, infográficos) têm descrição longa associada via aria-describedby ou texto adjacente
A1.1.1
2.4
Imagens usadas como links ou botões têm alt descritivo da ação/destino (não da imagem)
A1.1.1
2.5
Imagens de texto são evitadas; quando necessárias, têm equivalente textual
AA1.4.5
2.6
CAPTCHAs visuais oferecem alternativa auditiva ou outro método acessível
A1.1.1
3.1
Existe exatamente um <h1> por página, descrevendo o conteúdo principal
AA2.4.6
3.2
A hierarquia de cabeçalhos é sequencial e não pula níveis (h1→h2→h3…)
A1.3.1
3.3
Cabeçalhos são usados para estrutura de conteúdo, não para estilo visual
A1.3.1
3.4
Cada seção principal do conteúdo tem um cabeçalho descritivo
AA2.4.6recomendação
3.5
Texto de cabeçalho é informativo e não genérico ("Seção 1", "Mais informações")
AA2.4.6recomendação
4.1
Página usa landmarks HTML5 ou ARIA: <main>, <nav>, <header>, <footer>, <aside>
A1.3.1
4.2
Existe exatamente um elemento <main> por página
A1.3.1
4.3
Múltiplas navegações (<nav>) têm aria-label distintos identificando sua função
A1.3.1
4.4
Áreas de busca têm role="search" ou estão dentro de um landmark identificável
A1.3.1recomendação
4.5
Todo conteúdo visível está dentro de um landmark (não flutua fora de regiões)
A1.3.1recomendação
5.1
Conjuntos de itens relacionados usam <ul> ou <ol> — não <br> ou <p> repetidos
A1.3.1
5.2
Itens de menu de navegação estão dentro de <ul> ou <ol>
A1.3.1
5.3
Pares de termo e definição usam <dl>, <dt> e <dd>
A1.3.1recomendação
6.1
Tabelas de dados têm células de cabeçalho marcadas com <th> e scope correto
A1.3.1
6.2
Tabelas de dados têm <caption> descritivo
A1.3.1
6.3
Tabelas complexas associam células a cabeçalhos via headers e id
A1.3.1
6.4
Tabelas NÃO são usadas para diagramação/layout visual
A1.3.2
6.5
Tabelas de dados são responsivas e legíveis em telas pequenas
AA1.4.10recomendação
7.1
Texto de link é descritivo por si só, sem necessidade do contexto ao redor
A2.4.4
7.2
Não há links com texto genérico repetido ("clique aqui", "saiba mais", "acesse") sem complemento oculto
A2.4.4
7.3
Links visualmente identificáveis além da cor (sublinhado, ícone ou outro indicador)
A1.4.1
7.4
Links que abrem nova aba/janela informam isso antes de serem ativados
AA3.2.2
7.5
Links para arquivos (PDF, DOC, XLS) indicam o formato e tamanho no texto ou alt
A2.4.4recomendação
7.6
Existe mecanismo para identificar a localização atual no site (breadcrumb, menu ativo, título)
AAA2.4.8recomendação
7.7
A navegação principal é consistente em todas as páginas (mesma ordem e itens)
AA3.2.3
7.8
Há mais de um caminho para chegar a cada página (menu, busca, mapa do site)
AA2.4.5
8.1
Todo botão tem nome acessível descritivo da ação que executa
A4.1.2
8.2
Botões de ícone têm aria-label ou texto visível descritivo
A1.1.1
8.3
Botões toggle comunicam seu estado atual (aria-pressed, aria-expanded)
A4.1.2
8.4
Controles personalizados (não <button>) têm role, name, value e state corretos via ARIA
A4.1.2
8.5
Área clicável dos controles é suficientemente grande (mínimo 24×24 px CSS)
AA2.5.8
8.6
Tooltips são acessíveis por teclado e mouse (não apenas por hover)
AA1.4.13
8.7
Controles deslizantes (sliders) têm valor mínimo, máximo e atual expostos à tecnologia assistiva
A4.1.2
9.1
Todos os campos têm <label> associado via for/id — placeholder NÃO substitui label
A1.3.1
9.2
Campos obrigatórios são identificados antes do formulário e programaticamente (aria-required)
A3.3.2
9.3
Instruções de preenchimento e formato esperado estão disponíveis antes ou junto ao campo
A3.3.2
9.4
Mensagens de erro identificam o campo específico e descrevem como corrigir
A3.3.1
9.5
Erros são comunicados programaticamente via aria-invalid e aria-describedby
A3.3.1
9.6
Sugestão de correção é fornecida quando o erro é identificável (ex: "CPF deve ter 11 dígitos")
AA3.3.3
9.7
Grupos de radio buttons e checkboxes usam <fieldset> com <legend> descritivo
A1.3.1
9.8
Campos de dados pessoais têm atributo autocomplete com valor correto (WCAG 1.3.5)
AA1.3.5
9.9
Ações irreversíveis (envio, exclusão) têm confirmação ou possibilidade de desfazer
AA3.3.4
9.10
Validação não é indicada apenas por cor — há texto ou ícone adicional
A1.4.1
10.1
O layout é responsivo e o conteúdo não exige rolagem horizontal em 320px de largura (reflow)
AA1.4.10
10.2
Texto pode ser redimensionado até 200% sem perda de conteúdo ou funcionalidade
AA1.4.4
10.3
Espaçamento de texto pode ser ajustado (altura de linha 1.5×, espaço entre letras 0.12em) sem quebrar conteúdo
AA1.4.12
10.4
O conteúdo não depende de CSS para ser compreendido — informação não está só em propriedades visuais
A1.3.1
10.5
Tabelas de layout (se existirem) estão linearizadas de forma coerente
A1.3.2
10.6
Conteúdo não é apresentado apenas em modo paisagem ou retrato — adapta-se à orientação do dispositivo
AA1.3.4
11.1
Texto normal tem razão de contraste mínima de 4.5:1 contra o fundo
AA1.4.3
11.2
Texto grande (≥18pt ou ≥14pt negrito) tem contraste mínimo de 3:1
AA1.4.3
11.3
Componentes de interface (bordas de campo, ícones, indicadores) têm contraste mínimo de 3:1
AA1.4.11
11.4
Informação não é transmitida exclusivamente pela cor (erro, obrigatório, status)
A1.4.1
11.5
O indicador de foco de teclado tem contraste suficiente contra o fundo e o elemento adjacente
AA2.4.11
11.6
Texto sobre imagens ou gradientes mantém contraste adequado em todas as regiões
AA1.4.3recomendação
12.1
Idioma principal da página declarado no atributo lang do elemento <html>
A3.1.1
12.2
Trechos em idioma diferente têm lang declarado no elemento que os contém
AA3.1.2
12.3
O título da página (<title>) é descritivo e identifica o conteúdo ou propósito
A2.4.2
12.4
Abreviações, siglas e acrônimos têm sua forma completa disponível na primeira ocorrência
AAA3.1.4recomendação
12.5
A linguagem é simples e clara, adequada ao nível de leitura do público-alvo
AAA3.1.5recomendação
12.6
Conteúdo em movimento (carrosseis, tickers) pode ser pausado, parado ou ocultado
A2.2.2
12.7
Documentos para download estão disponíveis em formato acessível (PDF tagueado, HTML)
A1.1.1
13.1
O HTML não tem erros de parse críticos que afetam a árvore de acessibilidade
A4.1.1
13.2
Todos os IDs de elementos são únicos na página
A4.1.1
13.3
Nome, função e valor de todos os componentes de interface estão disponíveis à tecnologia assistiva
A4.1.2
13.4
ARIA não substitui semântica HTML nativa quando existe elemento equivalente
A4.1.2
13.5
Elementos com role="button" são ativáveis por Enter e Espaço
A4.1.2
13.6
Mensagens de status e alertas são comunicados via aria-live ou role="alert" sem mover o foco
AA4.1.3
13.7
Elementos ocultos visualmente (display:none, visibility:hidden) estão também ocultos para leitores de tela
A4.1.2
14.1
Vídeos pré-gravados com áudio têm legendas sincronizadas e precisas
A1.2.2
14.2
Áudio pré-gravado independente (podcast, locução) tem transcrição textual disponível
A1.2.1
14.3
Vídeos com informação visual têm audiodescrição ou versão alternativa com descrição completa
AA1.2.5
14.4
Áudio/vídeo que iniciam automaticamente podem ser pausados ou silenciados em até 3 segundos
A1.4.2
14.5
Os controles do player de vídeo/áudio são acessíveis por teclado e têm nome acessível
A2.1.1
14.6
Transmissões ao vivo com áudio oferecem legenda em tempo real
AA1.2.4
14.7
O arquivo de legenda (VTT/SRT) usa pontuação, identificação de falantes e descrição de sons relevantes
A1.2.2recomendação
15.1
Nenhum conteúdo pisca mais de 3 vezes por segundo
A2.3.1
15.2
Conteúdo em movimento pode ser pausado, parado ou ocultado pelo usuário
A2.2.2
15.3
Animações de interface respeitam prefers-reduced-motion do sistema operacional
AAA2.3.3recomendação
15.4
Paralaxe e animações de rolagem não causam desorientação ou desconforto vestibular
AAA2.3.3recomendação
16.1
Limites de tempo podem ser desativados, ajustados ou estendidos pelo usuário (exceto em exceções legítimas)
A2.2.1
16.2
O usuário é avisado com antecedência quando a sessão está prestes a expirar
A2.2.1
16.3
Dados de formulário são preservados após re-autenticação por expiração de sessão
AAA2.2.5recomendação
16.4
A atualização automática da página (meta refresh) não é usada sem aviso e controle do usuário
A2.2.1
Fim do checklist
100 critérios ainda pendentes. Role para cima e complete as seções para uma auditoria completa. Você pode exportar o resultado parcial a qualquer momento.
0
Conformes
0
Não conformes
0
N/A
100
Pendentes