← Trilha· Lição 3 de 7

Links, imagens e mídia

a, img com alt, figure/figcaption e picture para responsividade.

Links

<a href="/trilhas/">Ver trilhas</a>
<a href="https://exemplo.com" rel="noopener noreferrer">Externo</a>

Texto do link deve fazer sentido fora de contexto (“clique aqui” é péssimo).

Imagens

alt descreve o conteúdo quando a imagem é informativa.
alt="" quando a imagem é puramente decorativa.
Prefira width/height (ou aspect-ratio no CSS) para reduzir CLS.

figure e picture

figure + figcaption agrupam mídia e legenda. picture escolhe fonte por media query ou densidade.