O que é texto alternativo? Por que você deve usá-lo e como escrevê-lo

Você notou instruções para escrever o texto “alt” da imagem (às vezes estilizado como texto ALT) ao criar postagens em blogs ou compartilhar fotos nas redes sociais? Veja por que esta parte do  padrão HTML é importante e como você pode escrevê-la bem.

Por que o texto ALT é importante?

Os atributos Alt existem como uma forma de backup de conteúdo; quando o tipo principal de conteúdo não pode ser renderizado, seu atributo alternativo ou “alt” é renderizado. No caso do texto alternativo, se a imagem não puder ser renderizada por algum motivo, você receberá a descrição do texto alternativo.

Isso permite que alguém, por exemplo, copie uma imagem “como texto”. Ou se você salvar um site sem imagens, o texto alternativo permanecerá, informando o que as imagens deveriam mostrar.

O texto alternativo também é um componente crucial da acessibilidade na web. Os visitantes têm baixa visão e dependem de um software de leitura de tela para ouvir a descrição do texto alternativo de uma imagem. Se não houver texto alternativo, ou se o texto alternativo for ruim, isso afetará negativamente a experiência dos usuários com problemas visuais. Também pode dificultar a navegação para aqueles com conexões limitadas à Internet que dependem de navegadores baseados em texto .

O texto alternativo também é importante em SEO (Search Engine Optimization), pois ajuda mecanismos de busca como Google ou Bing a indexar melhor seu conteúdo. A indexação é o que torna o conteúdo encontrável nesses mecanismos de pesquisa.

Como escrever um bom texto ALT

O texto alternativo não deve ser simplesmente uma descrição literal do que está na sua imagem. Você precisa considerar o contexto da imagem e por que ela está ali em primeiro lugar. Considere esta imagem:

Se o texto alternativo para esta imagem fosse “Uma grande estátua de uma mulher segurando uma tocha e embalando um livro”, seria uma descrição precisa do que está na imagem, mas não seria um bom texto alternativo.

Uma descrição melhor poderia ser: “A Estátua da Liberdade em Nova York contra um céu azul nublado”. O contexto da página também é importante. Se a imagem fizesse parte de uma notícia sobre imigração, o texto alternativo poderia ser: “A Estátua da Liberdade em Nova York, um símbolo poderoso para possíveis imigrantes”.

Pense no propósito da imagem e escreva seu texto alternativo de acordo!

É importante que sua palavra-chave primária apareça em alguns textos alternativos, mas não a coloque em todas as imagens, especialmente se a palavra-chave não fizer parte de uma boa descrição de texto alternativo

Quando não usar texto ALT

Existem duas situações em que o uso de texto alternativo é algo a evitar. A primeira é para imagens puramente decorativas. Essas imagens não são interessantes para ninguém que usa um leitor de tela e são irrelevantes para seus esforços de SEO. Na verdade, descrever imagens puramente decorativas pode atrapalhar a indexação do mecanismo de pesquisa e tornar seu artigo mais difícil de entender para qualquer pessoa que use um leitor de tela.

Tal como acontece com os princípios gerais para escrever um bom texto alternativo, a decisão de escrever um texto alternativo depende do que mais beneficia o leitor. Se o texto alternativo aumenta a compreensão e ajuda a reter o valor das imagens originais, você deve fazer um esforço para incluí-lo.

Adicionando texto ALT nas redes sociais

O texto alternativo não é apenas algo que designers de sites e blogueiros devem considerar. A maioria de nós publica imagens nas redes sociais, e a maioria das plataformas de mídia social oferece uma maneira de adicionar texto alternativo a essas fotos. Você pode nem estar ciente disso, mas em alguns casos, o texto alternativo é gerado automaticamente usando tecnologia de visão de máquina.

As etapas para adicionar ou editar texto alternativo nas redes sociais mudam com o tempo, à medida que essas plataformas passam por mudanças. Vimos muitas instruções desatualizadas para as diversas plataformas de mídia social, então a melhor opção é verificar a documentação oficial do Facebook e do Twitter .

Adicionar texto alternativo leva apenas alguns segundos por imagem, mas pode fazer toda a diferença no desempenho do seu conteúdo e na acessibilidade da web para pessoas com deficiência visual.