Imagens

Neste episódio, os convidados Leonardo Gleison e Simone Freire explicam sobre acessibilidade em imagens. Mesmo sendo frequentemente publicadas na Web, as imagens muitas vezes apresentam barreiras para algumas pessoas, especialmente aquelas que não podem ver. Este episódio discute como conteúdo, design e programação influenciam na acessibilidade das imagens e mostra, com exemplos práticos, como evitar barreiras comuns.





A produção deste podcast não seria possível sem o apoio da Embaixada do Reino Unido, da Secretaria de Governo Digital do Ministério da Gestão e da Inovação em Serviços Públicos e com a parceria do W3C Chapter São Paulo, Movimento Web para Todos e Acesso para todos.


Participantes

Host: Jeniffer Deus

Convidados: Leonardo Gleison e Simone Freire 

Produção: Espiral Interativa, Ceweb.br e Comunicação NIC.br

Estúdio de gravação: 3 Telas 

Roteiros: Espiral Interativa, Acesso para Todos, Ceweb.br

Recursos de acessibilidade:
Tradução e Interpretação de Libras-Português
Tradutora: Jade Moia
Legendas: Espiral Interativa e Ceweb.br


Termos e expressões utilizados ao longo do episódio

Aria-label: recurso usado no código para adicionar uma descrição acessível a elementos que não têm texto visível na tela.

CMS (Sistema de Gerenciamento de Conteúdo): sistema usado para criar, editar e publicar conteúdos em um site, como WordPress e outras plataformas.

Código legado: sistema antigo que pode não ter sido desenvolvido seguindo as boas práticas atuais de acessibilidade.

Código semântico: forma de organizar o código de um site para que tecnologias assistivas entendam corretamente o que é título, botão, imagem, link e outros elementos.

Descrição aberta: descrição da imagem escrita no próprio texto da publicação, visível para todas as pessoas, e não apenas no campo técnico do texto alternativo.

E-commerce: loja virtual onde produtos ou serviços são vendidos pela internet.

GIF: imagem animada usada para expressar reações, emoções ou humor. Se transmitir informação relevante, também precisa de descrição.

Imagem decorativa: imagem usada apenas para fins visuais, que não transmite informação importante para a compreensão do conteúdo.

Informação tabular: informação organizada em formato de tabela, com linhas e colunas.

Leitor de tela: programa usado por pessoas cegas ou com baixa visão que transforma o conteúdo da tela em áudio ou braille digital.

Neurodivergentes: pessoas cujo funcionamento do cérebro apresenta características diferentes do que é considerado “típico” ou predominante pela maioria da sociedade. Essas diferenças podem influenciar a forma de aprender, se comunicar, perceber estímulos, organizar informações e interagir socialmente. Por exemplo, pessoas autistas, com TDAH ou dislexia.

role="img" (papel de imagem): indicação no código que informa às tecnologias assistivas que determinado elemento deve ser interpretado como imagem.

Texto alternativo (atributo alt): texto inserido no código da página para descrever uma imagem. É esse texto que o leitor de tela lê quando encontra uma imagem.

Além dos termos que comentamos aqui, a Norma ABNT 17225 traz uma seção de termos e definições que pode complementar seu entendimento e apoiar você nessa jornada.

Link transcrição episódio: https://nic.br/pagina/transcricao-todos-na-web-2/


Redes Sociais:
https://www.youtube.com/nicbrvideos/ 
https://x.com/comuNICbr/ 
https://www.telegram.me/nicbr/ 
https://www.linkedin.com/company/nic-br/ 
https://www.instagram.com/nicbr/ 
https://www.facebook.com/nic.br/ 
https://www.flickr.com/NICbr/


Veja também:
https://nic.br/
https://ceweb.br