Se você não estiver usando um texto alternativo significativo em projetos de sites, está cometendo um crime na internet. Esse pequeno elemento tem uma grande função e tem um enorme impacto na usabilidade, legibilidade e acessibilidade.
Se você pensou que o texto alternativo era apenas para fins de acessibilidade, pense novamente. Ele pode ajudar o Google a entender melhor seu conteúdo, fornecer um contexto importante sobre o assunto de sua página e ajudar os leitores a navegar.
Aqui está um guia para criar texto alternativo que ajudará a criar mais impacto e uma melhor experiência do usuário em seu site.
1. Texto alternativo fornece informações para facilitar a acessibilidade
Para usuários que não podem ver imagens em um site, o texto alternativo fornece uma alternativa que os leitores de tela podem entender para que o contexto dessa informação não seja perdido.
Como designer ou desenvolvedor, é importante que você forneça uma descrição curta, mas funcional, para cada imagem no site.
Para a imagem acima, o texto alternativo pode ser algo como “Duas mulheres com pranchas de surf andando em direção ao oceano”. Embora o texto alternativo não precise estar em uma frase completa ou conter pontuação, ele deve fornecer uma descrição razoável do que está em uma imagem.
2. Alt Text é bom para motores de busca
Isso pode ser tudo o que você precisa saber para ser convencido a usar descrições e informações alternativas em seus designs de site:
“O Google usa texto alternativo junto com algoritmos de visão computacional e o conteúdo da página para entender o assunto da imagem”, de acordo com o Google Developers .
Alt tags são itens obrigatórios na otimização de mecanismos de pesquisa.
3. Alt Text é legível por humanos e computadores
O texto alternativo não é apenas algo que as máquinas entendem. Todos os usuários podem ver e ler quando passam o mouse sobre uma imagem ou inspecionam o conteúdo da página.
Além disso, o texto alternativo pode ser lido por computadores, leitores de tela e mecanismos de pesquisa.
4. O texto alternativo contém informações adicionais sobre o conteúdo da página
Embora encher conteúdo alternativo com palavras-chave para mecanismos de pesquisa não seja uma prática recomendada, essas descrições podem fornecer e fornecem contexto extra sobre o conteúdo em uma página da web.
Isso torna importante o uso de imagens e descrições que funcionem com o conteúdo da página.
Aqui está outro pouco quando se trata de imagens e texto alternativo. Emparelhe imagens e texto alternativo para obter o máximo impacto; evitar imagens de texto. Essa não é uma técnica de design funcional e a perda dessas palavras como parte do design não vale o valor de tê-las em texto alternativo. (Os mecanismos de pesquisa são mais felizes e dão mais peso ao conteúdo da página real do que o texto alternativo.)
5. Texto alternativo fornece informações descritivas para imagens
Pense no contexto variado dessas duas descrições alternativas para a mesma imagem:
- Campo de girassol sob o céu azul durante o dia
- Close de um girassol amarelo que é o maior do mundo
Informações alt descritivas podem agregar valor e contexto ao restante do conteúdo da página. Você não precisa sobrecarregar as descrições das imagens com informações, mas um elemento visual que explica o quê e por que uma foto é apropriada.
6. Alt Text ajuda você a encontrar conteúdo mais rapidamente
Devido ao seu impacto nos motores de busca, o texto alternativo pode ajudá-lo a encontrar o que procura na internet mais rapidamente. As informações e conteúdos adicionais enviam apenas mais um sinal para os motores de busca sobre uma página e o que ela contém.
Aqui está uma dica avançada: Embora já tenha sido recomendado usar a tag longdesc para incluir ainda mais texto alternativo, esse é um recurso principalmente depreciado que não é comumente usado e pode ser evitado.
7. Alt Text ajuda a fornecer experiências de usuário comuns para todos
Um dos aspectos mais importantes do uso de texto alternativo e descrições no design do site é que você está fornecendo uma experiência de usuário comum para todos os visitantes, independentemente da capacidade física. O texto alternativo preenche as lacunas de compreensão e deficiências visuais para que todos saibam o que está em um design de página.
Não se esqueça de adicionar texto alternativo para elementos como botões. Os atributos alt nesses elementos da interface do usuário devem descrever a função do botão, como “Enviar”, “Aplicar” ou “Pesquisar”.
8. Alt Text contribui para a inteligência “AI”
Como você acha que os computadores “aprendem” como são chamadas as formas e imagens? O texto alternativo pode realmente ajudar a facilitar o aprendizado artificial e o aprendizado supervisionado, onde um computador recebe um conjunto de imagens de treinamento junto com os rótulos correspondentes e cria um modelo que pode ser usado para identificar imagens semelhantes no futuro.
A imagem acima pode ter uma tag alt de “cão golden retriever” que pode facilitar esse aprendizado de máquina.
9. Alt Text Powers Contexto para Imagens Perdidas
Quase todo mundo encontrou um site onde as imagens não foram renderizadas por um motivo ou outro. Seja uma velocidade de conexão lenta ou outro tipo de erro técnico, o texto alternativo nessas imagens pode garantir que você saiba o que está faltando no design.
Pense no texto alternativo ou nas descrições como um tipo de plano B para quando as coisas não saírem conforme o planejado no design do site do usuário.
10. Alt Text é indexável
Quase não é preciso dizer o quanto referenciamos aqui os mecanismos de pesquisa em relação ao texto alternativo, mas é importante entender: as tags Alt são indexáveis pelos mecanismos de pesquisa.
Se nada mais sobre o uso de texto alternativo parece ressoar, isso deveria. A otimização de pesquisa é a chave para obter o conteúdo e o design do seu site para o maior número possível de pessoas relevantes. Você deseja que seu site seja fácil de encontrar on-line e apareça quando as partes relevantes estiverem procurando as informações ou produtos que seu site contém.
Texto alternativo e descrições são mais um fator que contribui para o algoritmo gigante de otimização de busca.
Conclusão
Texto alternativo e descrições são elementos importantes para cada design de site. Esse tipo de microcópia não está na vanguarda do design, mas é uma função de bastidores que pode ajudar a garantir que seu design seja acessível, fácil de ler e entender e otimizado para mecanismos de pesquisa.
Ao pensar em como escrever alts, mantenha as descrições o mais curtas possível enquanto são descritivas. Encher textos alternativos ou descrições com palavras-chave para “enganar” os mecanismos de pesquisa não é útil e pode realmente ser prejudicial ao design do site.