Visualização do leitor de tela
Cole HTML para ver como um leitor de tela o linearizaria e o anunciaria. Verifique seus textos alternativos, seus títulos e seus atributos ARIA.
Saída do leitor de tela
📚 Bases científicas e fontes
Para quem esta ferramenta foi projetada
Os leitores de tela são uma tecnologia assistiva essencial para pessoas cegas ou com deficiência visual significativa. Segundo o Relatório Mundial sobre a Visão da OMS (2019), pelo menos 2,2 bilhões de pessoas no mundo têm deficiência visual, das quais cerca de 43 milhões são cegas. A pesquisa WebAIM Screen Reader Survey (2024) constata sistematicamente que a grande maioria dos usuários de leitores de tela são pessoas com deficiência, sendo a cegueira a razão mais frequente. Desenvolvedores, designers e criadores de conteúdo usam esta ferramenta para pré-visualizar como seu HTML será interpretado pelas tecnologias assistivas — o que ajuda a identificar textos alternativos ausentes, estruturas de títulos incorretas, botões e campos sem nome acessível, e usos errados do ARIA, antes que os usuários finais os encontrem.
Como esta ferramenta funciona
Esta ferramenta analisa seu HTML via o DOMParser nativo do navegador (nenhum dado sai do seu dispositivo), depois percorre a árvore de acessibilidade para construir uma ordem de leitura linearizada. Ela verifica a presença de textos alternativos nas imagens, a coerência dos níveis de títulos, os links e botões sem nome acessível, as funções e rótulos ARIA, bem como os campos de formulário sem rótulo associado.
Referências científicas
- WebAIM (2024). « Screen Reader User Survey #10 Results. » webaim.org · A maior pesquisa contínua sobre modos de uso de leitores de tela, combinações de navegadores e obstáculos de acessibilidade. Constata sistematicamente que títulos e landmarks são as principais estratégias de navegação dos usuários.
- Organização Mundial da Saúde (2019). Relatório Mundial sobre a Visão. · Relata que pelo menos 2,2 bilhões de pessoas no mundo têm deficiência visual de perto ou de longe, das quais cerca de 43 milhões são cegas.
- Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). « Guidelines are only half of the story: Accessibility problems encountered by blind users on the web. » Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12). · Constatou que parte significativa dos problemas de acessibilidade encontrados por usuários cegos não era coberta apenas pelas WCAG, destacando a necessidade de revisão manual e testes com leitor de tela.
- Lazar, J., Allen, A., Kleinman, J. & Malarkey, C. (2007). « What frustrates screen reader users on the web: A study of 100 blind users. » International Journal of Human-Computer Interaction, 22(3), 247–269. · Identificou textos alternativos ausentes, campos de formulário sem rótulo e rótulos de links enganosos entre as principais frustrações relatadas por usuários cegos.
- W3C WAI (2023). « WAI-ARIA Authoring Practices 1.2. » · Define como as funções, estados e propriedades devem ser usados para tornar acessível um conteúdo dinâmico para tecnologias assistivas.
Aviso
Esta ferramenta oferece uma aproximação simplificada da saída de um leitor de tela com base na árvore de acessibilidade HTML. Os leitores de tela reais (NVDA, JAWS, VoiceOver, TalkBack) diferem na forma de anunciar o conteúdo, tratar atributos ARIA e interagir com widgets dinâmicos. Esta pré-visualização não substitui os testes com leitores de tela reais e com usuários reais. Destina-se a detectar problemas comuns cedo no processo de escrita.