Adicionar texto alternativo a imagens

Adicione uma descrição detalhada a imagens e gráficos para melhorar a compreensão

Imagens podem ser uma ótima maneira de envolver os alunos, além de ajudar a comunicar ideias complexas.

As descrições de imagens são chamadas frequentemente de “descrições alternativas”, “texto alternativo” e “texto alt”. As descrições de imagem fornecem uma alternativa baseada em texto descritivo para a imagem. Para alunos com deficiência visual, descrições de imagens que explicam o conteúdo de uma imagem são fundamentais para seu aprendizado. Para todos os alunos, as descrições podem proporcionar um contexto mais profundo e auxiliar na compreensão.

O Ally verifica se há descrições de imagens em todos os lugares em que há uma imagem. O Ally verifica imagens em uma página da web ou em um arquivo anexado.

O Ally classifica os problemas como grave, importante e pequeno.

  • Grave. Estes problemas são o maior risco à acessibilidade e precisam de mais atenção.
  • Grande. Estes problemas afetam a acessibilidade e, embora não sejam graves, precisam de atenção.
  • Pequeno. Estes problemas devem ser levados em consideração para uma melhor pontuação de acessibilidade.

Imagens sem texto alternativo é um problema importante.

Use o Ally para encontrar imagens sem descrições

Use o relatório de acessibilidade do Ally para descobrir e corrigir os problemas de acessibilidade no seu site. Use o link fornecido para o relatório e faça logon. Abra o relatório e veja a lista de problemas na tabela Problemas de acessibilidade.

A tabela de problemas de acessibilidade está nas guias Visão geral e Domínio. Inicie pela guia Domínio para ver os problemas específicos de um domínio. 

É um problema importante ter imagens sem texto alternativo ou descrições. Use a tabela Importante na tabela Problemas de acessibilidade para visualizar a lista com os principais problemas. Selecione os problemas em que as imagens não possuem descrições.

Se você começar pela guia Visão geral, selecione o problema e, em seguida, o domínio com o problema.

Os problemas de descrição da imagem podem começar com imagem, documento ou HTML na lista.

Na lista de problemas de descrição de imagem no domínio, selecione o indicador de pontuação ao lado de um item com o problema. O painel de comentários do editor de conteúdo é aberto.

Visualizar as imagens sem descrições

O painel de comentários do Ally mostra uma visualização do conteúdo, bem como comentários detalhados e suporte para ajudá-lo a corrigir seus problemas de acessibilidade. Use a visualização para ver as imagens sem descrições.

A visualização destaca em qual lugar do documento os problemas específicos de acessibilidade podem ser encontrados. Os destaques exibem todas as ocorrências de um tipo de problema por vez. Por exemplo, se nas suas imagens estão faltando descrições alternativas, os destaques indicam cada lugar em que esse problema específico ocorre.

Ferramentas de visualização

Use as ferramentas acima da visualização para explorar os problemas de seu documento.

  • Navegue pela visualização do documento página por página.
  • Veja quantas vezes um problema específico aparece no documento.
  • Alterne entre os destaques do problema.
  • Oculte ou exiba os destaques.
  • Aumente ou diminua o zoom do conteúdo da visualização.
  • Se o problema estiver em um documento anexado, faça o download do arquivo original.

Siga as etapas guiadas do Ally para adicionar descrições de imagem

O Ally pressupõe que você tenha conhecimento básico de HTML e de como usar o sistema de gerenciamento de conteúdo (CMS). Para seguir as etapas guiadas, você precisa saber como editar uma página da web em HTML ou código-fonte no seu CMS.

Junto com a visualização, o Ally oferece uma orientação passo a passo sobre como corrigir o problema.  O Ally organiza esses comentários em uma árvore de decisão. Tudo o que você precisa fazer é ler as orientações e responder aos avisos. Descubra o que é o problema, por que ele é importante e como corrigi-lo adequadamente.

Selecione Como adicionar descrições para seguir as etapas guiadas.

Maneiras de adicionar descrições de imagem em páginas da web

Há mais de uma maneira de adicionar ou editar descrições de imagem em suas páginas da web.

  • HTML: As etapas guiadas do Ally orientam como encontrar e editar descrições de imagem em HTML. Basicamente, encontre a página da web com a imagem. Edite a página. Atualize o código HTML da imagem para incluir um atributo de texto alt. Salve a página.
  • Configurações de imagem: A maioria dos CMS oferece uma maneira de editar o texto alternativo nas configurações da imagem. Encontre a imagem na página da web ou no repositório de arquivos CMS. Use as ferramentas do CMS para editar a imagem. Adicione a descrição da imagem no campo texto alternativo ou texto alt. Salve a imagem.

Visite w3schools para saber mais sobre HTML e CSS

Por que não vejo "img src" em meu HTML?

A maneira mais comum de adicionar imagens a uma página de web é com o atributo HTML img src. Img src é um atributo HTML que usa o URL do arquivo de imagem para colocar a imagem na página da web. Mas cada CMS é diferente. Seu site pode usar códigos ou atributos diferentes. 

Por exemplo, no Drupal, você pode ver algo deste tipo:

<drupal-entity data-embed-button="media_browser" data-entity-embed-display="view_mode:media.embedded" data-entity-type="media" data-entity-uuid="2961e3a2-8fbe-4e3f-baeb-953d69f70750"></drupal-entity>

Adicione o texto alt ao início do atributo. Por exemplo,

<drupal-entity alt="add image description here" data-embed-button="media_browser" data-entity-embed-display="view_mode:media.embedded" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="2961e3a2-8fbe-4e3f-baeb-953d69f70750"></drupal-entity>

Se você não vir img src no HTML, tente usar as ferramentas do CMS para editar as configurações da imagem. Encontre a imagem na página da web ou no repositório de arquivos CMS. Use as ferramentas do CMS para abrir as configurações da imagem. Adicione a descrição da imagem no campo texto alternativo ou texto alt. Salve a imagem.

Se você ainda não souber como continuar, entre em contato com o administrador ou desenvolvedor do site da web. Peça-lhe para mostrar como as imagens são adicionadas às suas páginas da web e como adicionar texto alternativo.