Verificador de acessibilidade HTML

Analise um fragmento HTML para encontrar problemas que bloqueiam leitores de ecrã e utilizadores de teclado.

Entrada

Texto alternativo de imagensOrdem de títulosBotões e ligações sem textoCampos de formulário sem etiquetaTexto de ligação estilo "Clique aqui"Tabelas sem células de cabeçalhoIdioma do documentoIdentificadores duplicadosGravidade mínima

Saída

Verificador de acessibilidade HTML

Cole um fragmento HTML e esta ferramenta analisa-o para encontrar os problemas que mais comummente bloqueiam leitores de ecrã, utilizadores de teclado e outras tecnologias de apoio. Cada constatação é apresentada com um número de linha e uma explicação em linguagem clara, para que possa corrigi-la sem consultar um documento WCAG separado. Destina-se ao fragmento que realmente tem à mão — um componente, um modelo de email, um bloco de CMS — não a uma página completa rastreada.

As verificações são opções que pode ativar e desativar individualmente: imagens sem texto alternativo (e alt vazio em imagens que são o único conteúdo de uma ligação ou botão), níveis de títulos que saltam um nível ou não começam em h1, botões e ligações sem texto visível ou aria-label, campos de formulário sem etiqueta associada, texto genérico de ligação como "clique aqui", tabelas sem células de cabeçalho, documento sem atributo lang, e identificadores id duplicados. Um filtro de gravidade reduz a lista para avisos e erros, ou apenas erros, depois que os problemas menores são categorizados.

O verificador lê apenas a marcação bruta — etiquetas e atributos, não estilos calculados ou layout renderizado — portanto não detetará um problema de contraste ou uma ordem de foco que só aparece após a aplicação de CSS (combine com o verificador de contraste para isso). A análise é esforço razoável: tolera HTML malformado ou incompleto em vez de recusar a execução, uma vez que um fragmento colado raramente tem uma etiqueta de fecho para tudo.

Tudo acontece localmente no seu navegador. O fragmento que cola — que pode vir de uma página não publicada, uma ferramenta interna ou um projeto de cliente — nunca é carregado ou enviado para um servidor. Copie o relatório, descarregue-o como ficheiro .txt ou envie o fragmento de volta para a entrada após fazer alterações para analisar novamente.

FAQ

Isto substitui uma auditoria de acessibilidade completa?

Não. Deteta problemas comuns e mecanicamente detetáveis na marcação que cola — texto alternativo em falta, ordem de títulos, campos sem etiqueta e semelhantes — mas uma auditoria completa também inclui contraste de cores, ordem de foco no teclado, testes em leitores de ecrã e layout renderizado, que requerem uma página ativa para verificar.

Por que é que uma imagem com alt="" ainda é assinalada às vezes?

Um alt vazio é correto para uma imagem puramente decorativa. Só é assinalado quando a imagem é o único conteúdo de uma ligação ou botão (deixando esse controlo sem nome acessível) ou quando tem um atributo title não vazio, o que sugere que está a transmitir informações afinal.

O que conta como um "identificador duplicado"?

Qualquer valor de atributo id que aparece em mais de um elemento no fragmento. Ids duplicados quebram associações de etiqueta, referências aria-labelledby e ligações dentro da página, uma vez que apenas a primeira correspondência é usada.

Posso verificar apenas uma categoria de problema?

Sim. Cada verificação — imagens, títulos, elementos interativos, formulários, texto de ligação, tabelas, idioma e ids duplicados — tem seu próprio comutador, e um filtro de gravidade reduz ainda mais os resultados.

O meu HTML é carregado em algum lugar?

Não. O fragmento é analisado e verificado inteiramente no seu navegador usando JavaScript; nunca é enviado para um servidor.

Verificador de acessibilidade HTML

Ferramentas relacionadas

Verificador de acessibilidade HTML

FAQ