Recursos · 48
Mídia editorial: proveniência, alternativas e integração útil
Escolha entre fotografias, ilustrações e diagramas, divulgue seu status e comunique-se além dos pixels.
Atualizado · 3 min
O que este guia ajuda a alcançar
- Evite apresentar cenas fictícias como evidência
- Descreva a função da imagem
- Explique diagramas no texto
- Reduza o peso sem perder informações
Verificação rápida
- A imagem ilustra ou documenta um fato?
- As condições de origem e uso são conhecidas?
- O logotipo corresponde à entidade e versão pretendidas?
- A informação também está disponível em formato de texto?
- As versões para dispositivos móveis permanecem legíveis?
Método passo a passo
- 1
Classifique a função da mídia
Separe evidências documentais, ilustrações, diagramas, elementos decorativos e imagens funcionais. Um visual realista gerado não deve sugerir um cliente, equipe ou evento documentado real. Prefira um diagrama quando o valor residir em um relacionamento ou método.
Entregável: função, status e finalidade de cada ativo.
- 2
Mantenha a proveniência.
Registre a fonte, o criador conhecido, as condições de uso, a data, as transformações e as páginas que consomem o recurso. Para um logotipo, verifique o ativo oficial e o contexto pretendido. Divulgue claramente ilustrações sintéticas; metadados invisíveis por si só não informam o leitor.
Entregável: registro de origem e informações visíveis.
- 3
Escreva a alternativa apropriada.
Aplique a lógica baseada em funções da WAI: descrições breves para informações simples, alternativas vazias para elementos decorativos redundantes e destino ou ação para imagens funcionais. Evite listas de palavras-chave ou repetição de um título sem comunicar a função.
Entregável: alternativas revisadas em contexto.
- 4
Explicar imagens complexas
Colocar uma lista, tabela ou descrição perto de um diagrama com relações, unidades e limitações. O texto alternativo identifica o diagrama; o conteúdo adjacente fornece detalhes. Um mapa colorido não deve ser o único local onde uma conclusão aparece.
Entregável: equivalente textual verificável.
- 5
Otimizar a entrega
Definir dimensões, variantes adequadas e compressão após revisão visual. Reservar espaço para imagens e priorizar a imagem que inicia a jornada; carregar mídias secundárias progressivamente. Verificar nitidez, transparência, recorte e legibilidade do logotipo em tamanhos pequenos.
Entregável: arquivos otimizados e teste em dispositivos móveis.
- 6
Verificar publicação e manutenção
Verificar arquivos servidos, URLs estáveis, texto visível, marcação consistente, compartilhamento e recursos quebrados. Comparar dados estruturados com legendas. Após a substituição, atualizar as páginas afetadas e a proveniência em vez de alterar apenas o nome do arquivo.
Entregável: verificação de publicação e lista de uso.
Exemplo prático fictício
Situação ilustrativa
Situação ilustrativa: uma página de aconselhamento usa uma cena de reunião sintética sem rótulo e um diagrama cujos detalhes existem apenas dentro da imagem.
Decisão e evidências esperadas
A cena recebe um rótulo explícito de ilustração fictícia; as etapas do diagrama são publicadas como texto com um breve texto alternativo contextual.
Distinguir os mecanismos
| Mecanismo | Finalidade | Verificação ou limitação |
|---|---|---|
| Fotografia documental | Mostrar um fato ou objeto real | Origem e contexto verificáveis |
| Ilustração sintética | Representar uma ideia | Status ficcional explícito |
| Diagrama de método | Explicar relações e decisões | Equivalente de texto e limitações |
Indicadores de gestão
| Indicador | O que mede | Primeira ação |
|---|---|---|
| Rastreabilidade | Mídia com origem conhecida | Qualificar arquivos não rastreados |
| Alternativas úteis | Imagens com texto apropriado à função | Revisão na página real |
| Peso entregue | Bytes recebidos pelo dispositivo e posicionamento | Ajustar variantes e compressão |
Erros comuns
- Apresentar uma ilustração de IA como uma fotografia de equipe
- Usar texto alternativo como uma lista de palavras-chave
- Fornecer apenas um título para um gráfico complexo
- Comprimir um logotipo até que fique ilegível
Perguntas frequentes
Todas as imagens Precisa de texto alternativo descritivo?
Tratar imagens de acordo com sua função. Decorações redundantes podem usar texto alternativo vazio; uma imagem funcional deve transmitir seu destino ou ação.
Ilustrações geradas podem ser usadas?
Sim, quando agregam valor e seu status é claro. Elas não devem substituir evidências de um fato nem imitar fotografias documentais sem explicação.
Todas as imagens devem ser carregadas sob demanda (lazy loading)?
Não. A imagem principal imediatamente visível pode precisar de carregamento prioritário. Verifique o percurso e as medidas reais.
Referências oficiais
As referências apoiam o método. Adapte as verificações ao seu contexto; elas não são uma certificação. Os títulos das referências originais e os documentos de origem podem estar em outro idioma.
