Ir para conteúdo principal
Todas as coleçõesMelhores Práticas
Adicionar texto alternativo a imagens: práticas recomendadas
Adicionar texto alternativo a imagens: práticas recomendadas
Emily van der Harten avatar
Escrito por Emily van der Harten
Atualizado há mais de uma semana

Este artigo foi traduzido do inglês usando tradução automática.

Tecnologias assistivas como leitores de tela usam texto alternativo, também conhecido como texto alternativo, para descrever imagens para pessoas cegas ou com baixa visão. O texto alternativo também aparece no lugar de imagens quando elas não podem ser carregadas corretamente devido à baixa largura de banda da internet e quando alguém oculta imagens em um site para diminuir a carga cognitiva.

O Webex Events permite que você adicione texto alt a imagens em toda a nossa plataforma, para que todos possam participar de forma equitativa em todas as experiências de eventos. Este artigo mostra como adicionar texto alt a imagens e fornece dicas e recursos para escrever texto alt eficaz.

Por que adicionar texto alternativo às imagens?

Escrever texto alternativo eficaz é uma habilidade que vale a pena aprender. A prática leva à perfeição, no entanto, e tentar é muito melhor do que não fazer nada. Recomendamos fortemente adicionar texto alternativo a cada imagem ou marcar imagens como decorativas quando apropriado. Se você não fizer nada, seu conteúdo ficará inacessível a uma grande variedade de usuários. Da mesma forma, os leitores de tela lerão o nome do arquivo de imagem, o que pode levar a uma experiência frustrante e desagradável para o usuário.

Dicas de texto alternativo

Antes de aprendermos como adicionar texto alternativo na plataforma Webex Events , esta seção destaca alguns tipos diferentes de imagens, descreve dicas sobre como escrever texto alternativo e fornece recursos da Web Accessibility Initiative (WAI) para ajudar você a aprender mais.

Tipos de imagens

Existem diferentes tipos de imagens que garantem diferentes tipos de texto alt. A seguir estão os tipos comuns de imagens que você pode adicionar a várias partes da plataforma:

  • Imagens informativas - Imagens com informações que ajudam a entender um conceito que está sendo transmitido em uma página. Se uma pessoa não consegue ver a imagem, ela perde informações importantes. Essas imagens precisam de texto alternativo.

  • Imagens decorativas - Imagens que não acrescentam nenhuma informação adicional ao que é transmitido em uma página, como uma imagem de fundo. Essas imagens podem ser marcadas como decorativas.

  • Imagens funcionais - Imagens que também vinculam a outros destinos. Essas imagens precisam de texto alt que inclua o propósito do link. Por exemplo, se você tiver uma imagem de banner que vincula internamente ao recurso Patrocinadores, inclua essas informações no seu texto alt para que as pessoas saibam o que esperar.

  • Imagens de texto - Imagens que contêm texto informativo. A mensagem transmitida em uma imagem como essa precisa ter um equivalente textual, geralmente escrito no texto alt.

Dicas para escrever texto alternativo

  • Mantenha seu texto alternativo breve. Recomendamos não mais do que 1-2 frases, e a plataforma Webex Events limita o texto alternativo a 250 caracteres.

  • Descreva a imagem em contexto com seus arredores. Pergunte a si mesmo: "Quais informações essenciais as pessoas precisam saber sobre esta imagem?" Seu objetivo é fornecer o equivalente textual do que a imagem está transmitindo.

  • Se sua imagem contiver texto, essa mensagem também precisa existir em formato de texto, seja no campo de texto alternativo ou em uma descrição adjacente. Por exemplo, você pode ter uma imagem de banner que tenha algumas informações sobre uma Sessão. Leitores de tela não conseguem ler texto que esteja embutido em uma imagem, então o texto alternativo é um ótimo lugar para adicionar um equivalente em texto.

  • Não comece o texto alternativo com "Imagem de". Leitores de tela geralmente anunciam imagens, então escrever "Imagem de" é desnecessário.

  • Marcar uma imagem como decorativa diz a um leitor de tela para ignorar a imagem e passar por cima dela. Marque imagens como decorativas se:

    • A imagem não acrescenta nenhuma informação ou contexto adicional.

    • A imagem é descrita em texto adjacente, e adicionar texto alternativo seria duplicativo. Por exemplo, uma imagem de perfil com o nome 'Serena Page' no texto diretamente abaixo dela não precisa de texto alternativo que diga "Imagem de perfil de Serena Page", e pode ser marcada como decorativa.

Recursos de texto alternativo

A WAI tem muitos recursos para ajudar você a escrever textos alternativos claros e úteis.

Onde posso adicionar texto alternativo no Webex Events?

Com quase qualquer imagem que você carrega na plataforma Webex Events , você pode adicionar texto alternativo ou marcar a imagem como decorativa. A exceção a isso são as imagens de perfil, que são automaticamente marcadas como decorativas para você. 😸

💡 Lembre-se de que você só pode adicionar texto alt a uma imagem ao fazer upload manual diretamente na plataforma. Atualmente, não é possível adicionar texto alt ao importar dados.

No Event App, os participantes podem adicionar texto alternativo às imagens que publicam no recurso Mural.

Como adicionar texto alternativo na plataforma Webex Events

  1. Ao carregar uma imagem na plataforma Webex Events , clique no botão Adicionar texto alternativo na etapa "Visualizar".

    O botão Adicionar texto alternativo no modal de visualização.
  2. No modal 'Adicionar texto alt', insira uma breve descrição da imagem no campo Texto alt , com até 250 caracteres. Se a imagem for decorativa e não adicionar nenhum valor informativo, basta marcar a caixa 'Imagem é decorativa' sem adicionar texto alt.

    1. No exemplo a seguir, a imagem contém o texto "Palestrante principal Janet Watson. Presidente da Sustainable Energy for All, UN Energy.", então adicionamos esse texto exato ao campo de texto alternativo.

      O exemplo descrito acima está no modal Adicionar texto alternativo.
  3. Clique em Salvar .

  4. Clique em Upload para finalizar.

💡 Lembre-se de que não é possível editar o texto alt em uma imagem na plataforma Webex Events . Se precisar alterar o texto alt, você deve recarregar a imagem e adicionar o texto alt atualizado durante o processo de carregamento, conforme descrito.

Como os participantes adicionam texto alternativo de imagem a uma publicação no mural

Os participantes que enviarem uma imagem como parte de uma publicação no mural poderão adicionar texto alternativo antes de publicar no mural.

Os usuários do aplicativo da Web clicam no botão Adicionar texto alternativo na etapa "Visualizar", adicionam texto alternativo ou marcam a imagem como decorativa, clicam em Salvar e depois em Carregar .

O modal de texto alt add no Web App. O texto alt diz,

Usuários de aplicativos móveis simplesmente tocam no botão +Alt no canto superior direito da imagem, inserem o texto alternativo para a imagem, tocam em Concluído e depois em Publicar .

O processo que acabei de descrever.

Agora você sabe sobre texto alternativo! Por que não aprender mais sobre como você pode economizar tempo com formulários de colaboração ?

Dúvidas? Converse conosco ou envie um e-mail para support@socio.events

Isto respondeu à sua pergunta?