O que é Assistente de texto alternativo?

Escolha o tipo de imagem, escreva o texto alternativo com ajuda das dicas específicas e verifique com a lista de acessibilidade. Inclui orientações e exemplos para descrições compatíveis com leitores de tela.

Escolha entre seis tipos de imagem — fotografia, ícone, gráfico, decorativa, informativa ou imagem-link — e o campo muda para uma dica específica que orienta o que usuários de leitor de tela realmente precisam. Um contador avisa ao passar dos 125 caracteres e uma lista de seis itens confere se a descrição é específica, concisa, considera o contexto, evita frases como 'imagem de', começa pela informação mais importante e não acumula vírgulas nem repetições de palavras-chave. Imagens decorativas recebem o lembrete de alt="" para que a tecnologia assistiva as ignore.

Como usar

1. Selecione o tipo de imagem que está a descrever: fotografia, ícone, gráfico, decorativa, informativa ou imagem-link.
2. Use a dica do tipo de imagem para escrever uma descrição concisa.
3. Revise o seu texto alternativo utilizando a lista de verificação de acessibilidade e depois copie-o para usar no seu HTML ou CMS.

Quando usar

• Preencher os atributos alt da galeria de produtos no Shopify ou WordPress antes do lançamento.
• Escrever alt para um gráfico de relatório trimestral, para que leitores de tela peguem os números.
• Auditar um site quanto a WCAG 1.1.1 antes de uma revisão de acessibilidade.

Resultado

Para um gráfico de barras mostrando vendas do 1º trimestre: em vez de "gráfico.png", escreva "Gráfico de barras com vendas do 1T 2024 por região: América do Norte $2,1M, Europa $1,8M, Ásia $1,4M".

Perguntas frequentes

Por que o alt text é considerado o atributo mais importante de acessibilidade?

É o primeiro critério da WCAG (1.1.1 conteúdo não textual, nível A) e a única exigência que um usuário cego de leitor de tela encontra em cada página. Faltar atinge a acessibilidade e também buscadores e crawlers de pré-visualização que usam o alt como legenda.

Quão curto deve ser o alt text? 125 caracteres é limite rígido?

Tecnicamente não. Navegadores e leitores de tela aguentam strings maiores. A diretriz de 125 caracteres vem de versões antigas do JAWS que cortavam mal o texto; hoje está corrigido, mas descrições curtas continuam menos cansativas de ouvir.

E imagens puramente decorativas, como divisores ou ornamentos?

Use alt="" (string vazia), não omita o atributo. O alt vazio diz ao leitor de tela para pular a imagem. Tirar o alt por completo faz alguns leitores narrarem o nome do arquivo, pior do que ficar em silêncio.

Como descrever um gráfico complexo em 125 caracteres?

Comece pelo tipo de gráfico e o achado principal, não cada ponto. 'Gráfico de linhas, mobile superou desktop no 3º trim. de 2024' rende mais do que uma lista de números mensais. Para dados completos, ofereça uma descrição textual longa em outro lugar da página.

Devo começar com 'foto de' ou 'imagem de'?

Não. O leitor de tela já anuncia que está lendo uma imagem, então 'imagem de um gato' vira 'imagem, imagem de um gato'. Comece pelo assunto: 'Um gato cinza num sofá azul'. A lista da ferramenta sinaliza esse padrão automaticamente.

Ferramentas relacionadas