Texto alternativo: escolha pela função da imagem na página
O texto alternativo de uma imagem depende da função que ela cumpre na página. Uma fotografia informativa, um elemento decorativo e uma imagem que atua como controle exigem decisões.
Capa ilustrativa gerada por IA; não retrata clientes, parceiros ou atividades reais deste site.
O texto alternativo de uma imagem depende da função que ela cumpre na página. Uma fotografia informativa, um elemento decorativo e uma imagem que atua como controle exigem decisões diferentes. Comece pela informação ou ação que o público perderia se não pudesse acessar o conteúdo visual naquele contexto.
Examine a relação com o texto próximo
Em um exercício, uma fotografia de folhas acompanha uma explicação sobre formas. A alternativa pode precisar transmitir a característica relevante para o argumento, sem listar tudo que aparece na cena. Em outra página, a mesma imagem pode apenas criar uma atmosfera e pedir outro tratamento.
A árvore de decisão da W3C ajuda a investigar essas situações. Ela relaciona conteúdo, função e alternativas apropriadas. Use a referência para formular a decisão, mantendo claro que inserir uma descrição longa em todo arquivo não resolve automaticamente a necessidade da página.
Separe descrição e função
Se a imagem participa de uma ação, a alternativa deve permitir compreender essa finalidade conforme a implementação. Descrever apenas sua aparência pode deixar a pessoa sem saber o que acontece ao selecionar o elemento. Consulte as orientações correspondentes ao tipo de imagem e controle utilizado.
Quando houver texto visível dentro da imagem, examine se a mesma informação já está disponível como texto na página e qual papel ela cumpre. Essa relação influencia a escolha da alternativa. Evite repetir conteúdo sem necessidade ou omitir uma informação que só existe visualmente.
Preserve a fidelidade ao material
Não atribua identidade, intenção ou circunstância que a imagem não permite confirmar. Se uma fotografia serve como ilustração, mantenha sua apresentação coerente com esse uso. Em material gerado por IA, a origem não deve desaparecer em uma descrição que sugere um registro documental de atividade real.
Confira como o sistema publica o campo escolhido. Uma anotação em um editor pode não corresponder ao atributo ou à explicação que chega ao público. Examine a implementação e os recursos de leitura apropriados ao projeto, reconhecendo os limites do seu recorte de estudo.
Ao finalizar, registre a função da imagem e o motivo da decisão. Essa justificativa ajuda a revisar o conteúdo quando ele muda de página ou de contexto. O aprendizado principal é relacionar alternativa e finalidade, mantendo a informação necessária acessível sem aplicar uma fórmula igual a imagens que cumprem papéis diferentes.
Continue a leitura
- Grade responsiva: reorganize a página preservando a ordem da informação
- Rótulo de formulário: deixe claro o que deve ser preenchido
- Manual de design: registre a versão antes de repetir um procedimento
Referências para consulta
Revisado em 3 de novembro de 2026. O Learn Design é um blog editorial independente de aprendizagem de design, sem vínculo com antigos autores ou cursos associados ao domínio. Exercícios são propostas de estudo e não relatos de pesquisa executada pelo site. Verificações introdutórias não equivalem a uma auditoria completa de acessibilidade; consulte critérios e documentação vigentes. Capas são ilustrações geradas por IA, sem retratar alunos, clientes ou resultados reais.
