Por que o texto alternativo é importante para acessibilidade e SEO
O Alt Text Checker é uma ferramenta on-line gratuita que verifica alternativas de texto para elementos não textuais em conformidade com as WCAG. O aplicativo verifica uma página da Web, encontra elementos não textuais sem alternativas em texto e cria um relatório indicando uma lista de todas as deficiências com sua descrição e fragmentos de código nos quais o problema foi encontrado.
Do ponto de vista da acessibilidade na web, o texto alternativo promove a inclusão ao descrever conteúdo não textual, como imagens, gráficos, tabelas, emojis, botões, links etc. Os leitores de tela usados por pessoas com deficiência visual dependem do texto alternativo para transmitir o significado e o contexto desses elementos, permitindo que eles entendam o conteúdo por completo. Esses usuários precisam de texto alternativo descritivo para obter informações importantes, tornando sua experiência on-line mais acessível. Além disso, a acessibilidade à Internet é boa para o SEO. O Google e outros mecanismos de pesquisa usam textos alternativos para melhorar a compreensão do conteúdo de um site, o que levará a classificações mais altas. Resumindo, a implementação adequada do texto alternativo melhora a acessibilidade do site, expande o alcance do público e tem um impacto positivo no SEO, tornando-o um elemento crítico para uma presença inclusiva na web.
O que está sendo verificado?
Além de verificar o uso de atributos alt para elementos `img` (
Técnica WCAG 2.1 H37), o aplicativo também verifica o seguinte:
-
H2 Combinando links adjacentes de imagem e texto para o mesmo recurso.
-
H24 Fornecendo alternativas em texto para os elementos de `área` dos mapas de imagem.
-
H35 Fornecendo alternativas de texto em elementos `applet`.
-
H36 Usando atributos alt em imagens usadas como botões de envio.
-
H67 Usando texto alternativo nulo e nenhum atributo de título em elementos `img` para imagens que a tecnologia assistiva deve ignorar.
-
H86 Fornecendo alternativas de texto para emojis, emoticons, arte ASCII e leetspea.
-
G197 Usando rótulos, nomes e alternativas de texto de forma consistente para conteúdo que tenha a mesma funcionalidade.
- e muito mais.