0

2009-2021 Celula Nerd ®

Brazilian Nerd on planet earth

0
0
Como escrever texto alternativo para diferentes tipos de imagem
>
>
Como escrever texto alternativo para diferentes tipos de imagem

Como escrever texto alternativo para diferentes tipos de imagem

Compartilhe esse conhecimento:

Amaneira como você escreve o texto alternativo é importante porque afeta a acessibilidade do seu conteúdo, especialmente para usuários que dependem de leitores de tela. Se errar, você configurará seus usuários para uma experiência ruim ou até mesmo tornará seu site inutilizável.

Escrever um texto alternativo para a imagem pode parecer simples. Mas a maioria dos desenvolvedores e criadores de conteúdo está entendendo errado. Eles não percebem que algumas imagens precisam de texto alternativo, enquanto outras não. Algumas descrições são úteis, enquanto outras são redundantes. As regras podem até mudar dependendo do tipo de imagem e do contexto.

Então, se você está pronto para fazer um trabalho melhor ao escrever o texto alternativo de imagens para diferentes tipos de imagens, aqui está o que você precisa saber …

Diferentes tipos de imagens e como descrevê-los

Vamos começar definindo alguns dos diferentes tipos de imagem e as melhores maneiras de escrever um texto alternativo para cada um deles:

  • Funcional – as imagens funcionais “fazem” algo – geralmente são um botão ou um link. Use o texto alternativo para descrever a função, para onde o link vai ou o que acontecerá quando for clicado.
  • Imagens de texto – é uma prática recomendada evitar texto em imagens e, em vez disso, usar CSS para estilizar seu texto. Mas se o texto em suas imagens for inevitável (e fornecer informações ou funções importantes), você precisará incluir as palavras em sua imagem no texto alternativo ou em outro lugar da página.
  • Informativo – se você tiver uma foto ou ilustração que mostre um conceito ou informação, inclua um texto alternativo curto que descreva as informações básicas mostradas na imagem.
  • Complexo – algumas imagens incluem muitas informações ou detalhes importantes para o contexto da página. É importante que seus usuários não percam essas informações. Inclua uma breve descrição no atributo alt e, se precisar de uma descrição mais longa, inclua abaixo da imagem.
  • Decorativo – se a imagem for projetada apenas para decoração e não adicionar função ou informação à página, deixe o atributo alt em branco.

Então, como você escreve um texto alternativo?

Depende do tipo de imagem e do contexto.

Comece verificando se há texto na imagem. Se houver texto, mas for apenas para fins decorativos (ou se o texto também estiver disponível nas proximidades), você pode deixar o atributo alt vazio. Se você estiver editando HTML, deve ser assim alt=””. Se o texto descreve uma função (como pesquisa) ou fornece informações importantes (como mostrar um organograma), use o texto alternativo para descrever a função ou retransmitir as principais informações.

Se não houver texto na imagem, mas ela estiver sendo usada como um botão ou link (como um link de mídia social ou botão de contato), você precisará usar o atributo alt para descrever o destino do link ou a ação realizada se clicado.

Se a imagem adiciona significado à página ou ao contexto em que está e é uma imagem simples, use o atributo alt para transmitir o significado. Se for uma imagem mais complexa (como um gráfico), escreva um breve resumo no texto alternativo e inclua uma descrição completa abaixo da imagem. Isso é o que estamos fazendo agora.

Por outro lado, se a imagem mostrar conteúdo redundante devido ao texto próximo, mantenha o atributo alt vazio. Caso contrário, os leitores de tela repetirão as informações duas vezes, o que pode frustrar os usuários. A mesma abordagem vale para imagens puramente decorativas (como uma imagem bonita ou um gráfico estilizado). Se eles não adicionam nenhum significado à página ou não se destinam a ser notados (como um gráfico espaçador ou imagem de borda), deixe o atributo alt em branco.

É impossível cobrir todos os diferentes tipos de imagens com essas regras … e os contextos nos quais você pode encontrar uma imagem são infinitos. Portanto, em caso de dúvida, siga esta regra: escreva a descrição da imagem. Os usuários irão pular se não for relevante para eles.

Dicas rápidas para escrever descrições alternativas de imagens em web sites

  • Mantenha a conversa – use frases adequadas, não palavras-chave ou frases
  • Não escreva “uma imagem de …”
  • Atenha-se a uma ou duas frases
  • Se você precisar de uma descrição mais longa, escreva um breve resumo no texto alternativo e inclua a descrição completa abaixo da imagem
  • Descreva o que é relevante para o contexto e a intenção
  • Inclua emoção e humor se for relevante
  • Sempre considere a experiência do usuário e como você pode torná-la acessível a todos os usuários
Compartilhe esse conhecimento:

Digite o que procura e aperte enter

Carrinho

Nenhum produto no carrinho.