Informativa versus decorativa: a primeira decisão
Decida se uma imagem realmente precisa de palavras.
Informativa versus decorativa: a primeira decisão é uma aula grátis de Web Accessibility Academy no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Web Accessibility Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Web Accessibility Academy inclui 4 aulas no total.
A primeira pergunta
Antes de escrever uma única palavra do texto alternativo, pergunte uma coisa: essa imagem acrescenta significado ou está ali apenas para ter uma aparência agradável?
Duas categorias
Toda imagem se encaixa em uma de duas categorias: imagens informativas, que transmitem conteúdo, ou decorativas, que são apenas um acabamento visual.
O que significa informativa
Uma imagem informativa comunica algo que o usuário perderia sem ela, como um gráfico, a foto de um produto ou um logotipo com o nome da empresa.
O que significa decorativa
Uma imagem decorativa não acrescenta informação. Pense em formas onduladas de fundo, linhas separadoras ou uma foto de banco de imagens que apenas cria um clima.
Por que essa decisão importa
Acertar isso é importante porque uma decisão errada ou oculta conteúdo real ou inunda os usuários de leitores de tela com ruído inútil.
Imagens informativas recebem palavras
Se uma imagem for informativa, forneça um texto alternativo real que transmita seu significado no contexto.
<img src="sales-up.png" alt="Sales rose 40 percent in March">Imagens decorativas recebem silêncio
Se uma imagem for decorativa, forneça um texto alternativo vazio para que os leitores de tela passem direto por ela.
<img src="divider.png" alt="">A mesma imagem, dois papéis
A mesma foto pode ser informativa em uma página e decorativa em outra. O contexto decide, não o próprio arquivo.
Um teste útil
Faça este teste: se você removesse a imagem, a página perderia significado? Sim significa informativa. Não significa decorativa.
Nunca simplesmente deixe de usar o texto alternativo
Ignorar completamente o atributo de texto alternativo é a pior escolha: muitos leitores de tela acabam lendo o nome do arquivo.
Tome a decisão primeiro
Portanto, seu fluxo de trabalho começa aqui: classifique cada imagem como informativa ou decorativa antes de se preocupar com a redação.
Verificação rápida
É hora de testar a decisão principal.
Recapitulação
Bom trabalho! Toda imagem é informativa ou decorativa, o contexto decide, e essa decisão determina se você escreverá um texto alternativo ou o deixará vazio.
Aprenda HTML com um tutor de IA — grátis
Escreva e execute código real no seu navegador, obtenha ajuda instantânea de um tutor de IA 24/7 e continue de onde parou na web ou no app.
- Cursos
- 30
- Aulas
- 120
Perguntas Frequentes
A aula “Informativa versus decorativa: a primeira decisão” é grátis?
Sim — o texto completo de “Informativa versus decorativa: a primeira decisão” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Web Accessibility Academy, atualize para CoddyKit PRO. O curso de Web Accessibility Academy inclui 4 aulas no total.
O que vou aprender em “Informativa versus decorativa: a primeira decisão”?
Decida se uma imagem realmente precisa de palavras. Você pratica Web Accessibility Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Web Accessibility Academy?
Nenhuma experiência prévia é necessária. Web Accessibility Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.
Quanto tempo leva a aula “Informativa versus decorativa: a primeira decisão”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Web Accessibility Academy?
Sim. Cada aula de Web Accessibility Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Informativa versus decorativa: a primeira decisão
- Escrevendo alt que transmite finalidade, não pixels
- alt vazio e a imagem decorativa oculta
- Imagens complexas: gráficos, mapas e descrições longas