Texto alternativo é a descrição usada quando uma imagem não pode ser vista ou carregada. Leitores de tela dependem dele para transmitir informação, e buscadores usam esse contexto para compreender o conteúdo visual.
Descreva a função naquele contexto
A mesma foto pode pedir descrições diferentes. Em uma matéria sobre atendimento, importa que a pessoa conversa pelo celular; em um catálogo, podem importar cor e modelo do produto. Não relate cada detalhe sem utilidade.
Imagens decorativas usam alt vazio
Quando a imagem apenas enfeita e nenhuma informação seria perdida, use alt="". Isso permite que o leitor de tela ignore o elemento. Omitir o atributo pode fazer o nome do arquivo ser anunciado.
Botões descrevem a ação
Se uma imagem é o único conteúdo de um link ou botão, o alt deve explicar o destino ou a função, como pesquisar ou baixar relatório, não apenas lupa ou seta.
Gráficos precisam de equivalente
Um alt curto identifica o gráfico; os dados e a conclusão principal devem aparecer no texto próximo ou em uma tabela acessível. Tentar colocar toda a análise no atributo cria uma experiência difícil.
Evite imagens de texto
Texto real se adapta melhor a telas, contraste e tradução. Quando uma imagem contém palavras essenciais, repita a informação no alt e, se possível, também no conteúdo.
Não faça preenchimento de palavras-chave
Uma descrição natural e específica ajuda mais do que repetir termos. Inclua a palavra do assunto somente quando ela descreve o que está representado.
Escreva imaginando que a imagem não apareceu: qual informação a pessoa precisa para continuar? Essa pergunta produz um alt útil para acessibilidade e compreensão da página.
0 comentários
Participe da conversa. Todos os comentários passam por moderação.