Adicione mídia com contexto
Use figure e figcaption para contextualizar mídias.
- Combinar alt text e figcaption de forma complementar.
Figure agrupa mídia com contexto relacionado. Figcaption explica por que aquela mídia importa na página.
1<figure>
2 <img src="robot.jpg" alt="Small exploration robot on a workbench">
3 <figcaption>Prototype robot for the school demo.</figcaption>
4</figure>Small exploration robot on a workbench Prototype robot for the school demo.
Alt descreve o conteúdo da mídia; figcaption descreve contexto da página.
Principais conclusões
Combinar alt text e figcaption de forma complementar.
Prefira elementos semânticos para comunicar intenção.
Mantenha estrutura legível para pessoas e ferramentas assistivas.
Quiz da aula
5 perguntas · aprovação com 4 acertos · até 50 XP
Ao passar, você conclui a aula e mantém sua sequência. As perguntas erradas voltarão em sessões de revisão.
Pratique: escreva código em HTML
Escreva a marcação, veja a prévia em um frame isolado do navegador e compare o texto visível com os requisitos.
Mostre imagem de projeto com contexto
Crie figure com alt Student-built weather station prototype e figcaption Prototype weather station presented at the community fair..
- Texto da figure
Sua marcação aparece em uma prévia isolada. Execute os testes para conferir o texto visível da página.
Dúvidas sobre esta lição
Travou em algum ponto? Pergunte. Descobriu algo? Compartilhe. Explicar também é uma ótima forma de aprender.
Carregando publicações…