Encontre problemas de acessibilidade em HTML
Cole HTML para encontrar texto alternativo ausente, campos sem rótulo e outros problemas comuns de WCAG, com uma correção para cada um.
- Roda no seu dispositivo
- Sem cadastro
- Funciona offline depois de uma visita
Só a marcação é verificada. Folhas de estilo não são renderizadas, portanto cores do CSS e ordem de foco não são testadas. O HTML permanece nesta aba.
Como verificar a acessibilidade de uma página
- Cole o HTML da página ou carregue o exemplo.
- Filtre a lista por erros ou avisos.
- Corrija cada problema na linha indicada.
Perguntas
O que ele verifica?
Texto alternativo ausente, campos sem rótulo, botões e links vazios, texto de link vago, títulos pulados, tabelas sem células de cabeçalho, tabindex positivo, zoom bloqueado em celulares, iframes sem título, contraste baixo em estilos inline e vídeos sem legendas.
Por que um resultado limpo não significa aprovação total?
O verificador lê apenas a marcação. Ele não consegue ver as cores das folhas de estilo, a ordem de foco na tela nem o que um leitor de tela anuncia. Teste também com o teclado e com um leitor de tela.
O que significam os níveis WCAG?
O WCAG 2.2 tem três níveis. A é o mínimo, AA é o nível que a maioria dos padrões e leis de acessibilidade adota, e AAA é o mais rigoroso. Cada problema mostra o critério que ele descumpre.
Meu HTML é enviado para algum lugar?
Não. Seu navegador lê o HTML nesta aba e nada é enviado a um servidor.
Avaliações
Ainda não há avaliações. Seja o primeiro.