Links and media
Anchors, images, captions, downloadable resources, and media context.
What you will practice
Relative navigation links; Descriptive link text; Current-page navigation; Images with useful alt text.
Use the worked examples when needed, then test your understanding without them.
- 01Links and media: Relative navigation linksA root-relative href resolves from the site root; a fragment targets an element in the same document.Practice
- 02Links and media: Descriptive link textA link should communicate its destination without requiring the reader to guess from nearby sentences.Practice
- 03Links and media: Current-page navigationaria-current="page" identifies the active page within navigation without making the link disappear.Practice
- 04Links and media: Images with useful alt textAlternative text communicates the relevant content of an informative image. Purely decorative images use empty alt text.Practice
- 05Links and media: Figures and captionsfigure groups a self-contained image with a figcaption that provides visible context.Practice
- 06Links and media: Responsive image dimensionsIntrinsic width and height let the browser reserve the image aspect ratio before loading the asset.Practice
- 07Links and media: Downloadable resourcesThe download attribute suggests downloading a same-origin resource; meaningful text still identifies the file.Practice
- 08Links and media: Media fallback copyMedia needs usable alternatives. A transcript link provides access to spoken information beyond player controls.Practice