Tudo o que precisa saber para fazer descrições de imagens eficazes

Você já deve ter encontrado o termo “descrição da imagem”. Mas sabe realmente do que se trata e qual é a sua importância? As descrições de imagens são textos que explicam o conteúdo de uma imagem, tornando-o acessível para pessoas com deficiência visual que utilizam leitores de ecrã. Esses textos permitem que todos os utilizadores compreendam o que está sendo exibido no conteúdo visual, proporcionando assim uma experiência digital mais inclusiva.

Ao fornecer descrições de imagens, você está a contribuir para a criação de um ambiente online mais equitativo. Com este recurso disponível, pessoas com deficiência visual podem aceder a informações visuais importantes, desde detalhes de uma fotografia até dados apresentados em gráficos e diagramas. E, numa era tão visual como a que vivemos, especialmente com as redes sociais, sem estas descrições, uma parte significativa do conteúdo tornar-se-ia inacessível para esta parcela da população.

Mas, se você acredita que as descrições são úteis apenas para pessoas cegas ou com baixa visão, está enganado! Além de promover a inclusão, as descrições de imagens também trazem benefícios para outros utilizadores. Por exemplo, pessoas que utilizam dispositivos móveis em ambientes onde não conseguem carregar imagens devido a limitações de dados ou sinal fraco conseguem, ainda assim, compreender o conteúdo através das descrições.

Por isso, descrições bem feitas são a ponte entre um conteúdo útil e o seu alcance para o maior número possível de pessoas. Mas sabe como criar descrições precisas e eficazes? Neste blog, vamos apresentar os tipos de descrições de imagens, as melhores práticas e alguns exemplos, tanto bons como maus, de como elaborar descrições de imagens. Quer saber mais? Continue a leitura e confira!

Tipos de Descrições de Imagens

As descrições de imagens podem ser classificadas em diferentes tipos, cada uma com a sua função específica para melhorar a acessibilidade digital. Compreender estes tipos é fundamental para garantir que todo o conteúdo visual seja acessível a todos os utilizadores. Entre as opções, temos:

• Alt Text: o texto alternativo é uma descrição breve e concisa que descreve o conteúdo de uma imagem. Este recurso é utilizado principalmente em HTML, nos atributos ALT das tags IMG. Ao utilizar este recurso, a descrição não é visível para todos, mas apenas para utilizadores de leitores de ecrã. Este texto é indispensável para esses utilizadores, permitindo que compreendam o que está a ser mostrado na imagem.
• Descrições Longas: em alguns casos, uma imagem contém informações complexas que não podem ser resumidas num texto alternativo curto. Nestas situações, são necessárias descrições detalhadas. Este tipo de descrição é comum em gráficos, infográficos, mapas ou obras de arte. As descrições longas devem ser incluídas numa página separada ou num campo específico que possa ser acedido por leitores de ecrã. Estas descrições fornecem uma explicação completa do conteúdo e do contexto da imagem, permitindo uma compreensão mais aprofundada.
• Legendas: são textos que acompanham vídeos ou imagens e, ao contrário das opções anteriores, costumam ser visíveis para todos os utilizadores. As legendas oferecem contexto adicional ou explicam detalhes que não são imediatamente óbvios na imagem. Para além de se diferenciarem do Alt Text pela sua visibilidade, as legendas podem complementar o texto alternativo, fornecendo informações adicionais que ajudam a melhorar a compreensão da imagem.
• #PraTodosVerem: estas hashtags são utilizadas nas redes sociais para indicar que a publicação inclui descrições de imagens, seja através da plataforma ou adicionadas manualmente na publicação. Ao usar estas hashtags, as empresas e os criadores de conteúdo demonstram o seu compromisso com uma internet mais acessível e inclusiva para todos.

Melhores Práticas para Criar Descrições de Imagens

Para que o seu conteúdo seja acessível a todos os utilizadores, é essencial fornecer recursos que garantam um acesso equitativo. Entre esses recursos, a descrição de imagens é uma das ferramentas mais eficazes na promoção da acessibilidade digital

Embora pareça simples, existem algumas práticas que podem tornar as suas descrições mais eficazes e precisas. Confira as nossas dicas:

• Seja conciso e claro: as descrições de imagens devem ser breves e objetivas. Evite incluir informações desnecessárias e concentre-se nos elementos mais importantes da imagem. Para o texto alternativo, normalmente uma ou duas frases são suficientes para transmitir a essência da imagem.
• Contexto relevante: a descrição deve oferecer um contexto que ajude o utilizador a compreender o papel da imagem no conteúdo. Considere o que a imagem pretende comunicar e como está relacionada com o texto que a acompanha.
• Evite redundâncias: não repita informações que já estão descritas no texto próximo à imagem. A descrição deve complementar e não duplicar o conteúdo escrito.
• Evite iniciar com “Imagem de…”: os leitores de ecrã já informam automaticamente ao utilizador que o elemento lido é uma imagem. Por isso, não é necessário começar a descrição com “imagem de…”. No entanto, existem exceções para capturas de ecrã, fotografias e retratos, onde é útil especificar a natureza da imagem. Nestes casos, comece com “captura de ecrã de…”, “fotografia de…” ou “pintura de…” para fornecer o contexto adequado.
• Elementos decorativos: se a imagem não tiver qualquer relevância além de decorar a página, não é necessário descrevê-la. No código HTML, estas imagens podem ter um ALT = ” ” (texto alternativo vazio) para que sejam ignoradas pelos leitores de ecrã, evitando sobrecarregar os utilizadores com informações desnecessárias.
• Grafia, pontuação e acentuação adequadas: palavras corretamente escritas e frases bem estruturadas ajudam os leitores de ecrã a interpretar o texto de forma precisa, proporcionando uma experiência mais fluida e compreensível para os utilizadores.
• Sensibilidade cultural: tenha atenção ao descrever imagens que possam ter significados culturais específicos. Utilize uma linguagem neutra e evite estereótipos, garantindo que todos os utilizadores se sintam respeitados e incluídos.
• Insira palavras-chave, se possível: incorporar palavras-chave nas descrições de imagens pode contribuir para a otimização para motores de busca (SEO). No entanto, isto deve ser feito de forma natural, sem comprometer a clareza ou a utilidade da descrição.
• Tenha consistência: mantenha um estilo consistente nas descrições de imagens em todo o seu site. Isso contribui para criar uma experiência de utilizador coesa e facilita a compreensão para quem depende de leitores de ecrã. Considere desenvolver um guia de estilo para descrições de imagens, alinhado ao tom e à voz da sua marca.
• Revise e teste: para garantir que as suas descrições sejam realmente precisas e úteis, revise sempre e realize testes antes da publicação. Utilize ferramentas de acessibilidade para verificar se as descrições estão a ser lidas corretamente por leitores de ecrã ou solicite feedback a utilizadores com deficiência visual.

Exemplos Práticos

Compreender a teoria é essencial, mas nada substitui exemplos práticos que demonstrem como criar descrições de imagens eficazes. Por isso, vamos apresentar alguns exemplos de boas e más práticas, bem como explorar a melhor forma de adaptar essas descrições a diferentes contextos.

• Mau Exemplo: “Um sapato.”

Explicação: Esta descrição é vaga e não apresenta detalhes suficientes sobre o produto, tornando difícil para o utilizador compreender a sua aparência ou características distintivas.

• Bom Exemplo: “Par de sapatilhas Adidas Campus 00s, de cor preta, com sola e cordões brancos. “

Explicação: Esta descrição é detalhada e fornece informações específicas que ajudam o usuário a entender o produto.

• Mau Exemplo: “Gráfico de vendas.”

Explicação: Indica o tipo de imagem, mas não fornece detalhes sobre o conteúdo ou o que o gráfico está a representar.

• Bom Exemplo: “Gráfico de barras que mostra o aumento das vendas anuais de 2019 a 2023, com um pico em 2022.”

Explicação: Assim, a descrição resume as informações principais do gráfico, facilitando a compreensão para quem não consegue visualizá-lo.

• Mau Exemplo: “Pessoas numa sala.”

Explicação: Não fornece contexto sobre quem são as pessoas ou o que estão a fazer.

• Bom Exemplo: “Quatro pessoas de diferentes etnias numa reunião de negócios, a discutir gráficos exibidos no ecrã de um computador portátil.”

Explicação: Detalha a atividade e o ambiente, ajudando a criar uma imagem mental mais clara.

• Mau Exemplo: “Um parque.”

Explicação: Descrição demasiado genérica e pouco informativa.

• Bom Exemplo: “Parque do Ibirapuera, em São Paulo, com árvores verdes, um lago ao fundo e pessoas a correr pelo caminho principal.”

Explicação: apresenta os elementos principais da paisagem, dando uma visão clara do cenário.

Além dos diferentes tipos de imagens que podem ser descritas e das várias possibilidades que cada uma oferece, é igualmente importante analisar o contexto em que estas se encontram. Desta forma, é possível ajustar a descrição para que o leitor tenha a melhor experiência possível ao interagir com a descrição. Alguns exemplos incluem:

• Num E-commerce: “Câmara digital Canon EOS R5, 45MP, de cor preta, com lente RF 24-105mm e capacidade de gravação de vídeo em 8K.”

Explicação: Focada nos detalhes técnicos e especificações que auxiliam na tomada de decisão de compra.

• Nas redes sociais: “Fotógrafo a utilizar a câmara digital Canon EOS R5, de cor preta, para capturar imagens e vídeos de uma bela paisagem em 8K.”

Explicação: As descrições nas redes sociais permitem maior liberdade para serem mais envolventes, além de se concentrarem em captar a atenção e despertar o interesse do público.

• Sem estar à venda num site, apenas a imagem inserida ao longo da página: “Fotógrafo a utilizar uma câmara digital de cor preta, a fotografar uma paisagem montanhosa.”

Explicação: Diferente do contexto das redes sociais e do e-commerce, neste exemplo é apenas necessário que o leitor compreenda o que a imagem representa. Por isso, uma descrição simples, sem grande aprofundamento técnico ou tentativa de cativar o leitor, é suficiente.

Descrição de imagem e mais de 40 funcionalidades

Ao fornecer descrições de imagens eficazes, você cumpre os padrões legais de acessibilidade e promove uma experiência de utilizador mais enriquecedora para todos. Descrições bem elaboradas ajudam a transmitir a mensagem completa do seu conteúdo, tornando-o acessível a pessoas com deficiência visual e criando oportunidades digitais para que todos os utilizadores possam aceder ao que a sua empresa partilha.

Na EqualWeb, estamos comprometidos em ajudá-lo a tornar o seu conteúdo digital mais acessível. As nossas ferramentas são concebidas para proporcionar aos utilizadores do seu site a melhor experiência de navegação possível, além de garantir à sua empresa conformidade com diversas regulamentações de acessibilidade.

Os sites que utilizam a nossa tecnologia oferecem a funcionalidade de “descrição da imagem”, que exibe descrições numa janela flutuante sempre que o cursor do rato passa sobre uma imagem. Esta funcionalidade facilita o acesso ao conteúdo visual para todos os utilizadores, de forma intuitiva e eficiente.

Além da descrição de imagens, disponibilizamos mais de 40 funcionalidades que personalizam a navegação de acordo com as necessidades de cada utilizador. Visite o nosso site, fale com um dos nossos especialistas e junte-se a nós na construção de uma internet mais inclusiva ainda hoje!