Pré-visualização de leitor de tela

Veja como leitores de tela interpretam seu conteúdo

O que esta ferramenta faz, em linguagem simples

Visitantes cegos e com baixa visão ouvem sua página por meio de leitores de tela — software que lê cada link, botão, título e imagem em voz alta. Cole seu HTML aqui para ver as palavras exatas que eles ouviriam, na ordem em que ouvem.

Use antes de publicar para detectar descrições de imagem ausentes, botões que dizem apenas "clique aqui" ou links que não levam a lugar nenhum claro. O painel de Problemas destaca qualquer coisa confusa para você resolver rapidamente.

HTML

O que é Pré-visualização de leitor de tela?

A Pré-visualização de Leitor de Tela mostra como a tecnologia assistiva interpreta seu conteúdo HTML. Revela o nome acessível, a função e a ordem de leitura dos elementos — ajudando a identificar rótulos ausentes, estrutura de títulos inadequada e problemas de ARIA antes que os usuários os encontrem.

Como usar

  1. Cole seu conteúdo HTML ou insira uma URL para análise.
  2. Revise a ordem de leitura linearizada e a árvore de acessibilidade dos elementos.
  3. Corrija os problemas identificados e teste novamente até que o fluxo de leitura esteja claro.

Resultado

Um desenvolvedor cola um menu de navegação. A ferramenta revela que 3 links não possuem nomes acessíveis e que a hierarquia de títulos pula de h1 para h4, causando confusão para usuários de leitores de tela.

Ferramentas relacionadas