Uma imagem, um propósito

Vamos descobrir juntos

1. 1

   Img é um elemento vazio: tem atributos, mas não um fechamento </img>. Src aponta para o arquivo; alt fornece uma alternativa textual. A imagem do kit chama-se route.svg e deve ficar ao lado de index.html.

2. 2

   A imagem informativa do kit mostra três etapas: ideia → teste → revisão. Um alt útil comunica esse processo. “Imagem bonita” não substitui a informação. O contexto determina quanto explicar; detalhes complexos podem precisar de uma explicação próxima.

3. 3

   Se uma imagem é apenas decoração, alt="" a identifica como dispensável para a leitura. Omitir alt não é a mesma coisa: o arquivo pode ser anunciado sem contexto. Se a imagem sozinha é um link, descreva o destino ou a função.

4. 4

   Figure e figcaption associam uma imagem e uma legenda, mas uma legenda não elimina automaticamente a necessidade de alt. A prévia aceita só route.svg do kit; outras imagens aparecem como substitutos textuais. Teste arquivos próprios localmente e revise seu propósito.