Skip to content

Lesson

Education and tutorials

← All stories

Images that make sense without the picture

Choose alternative text from the image’s purpose. A demonstration editing brief; supply your own evidence and details.

A young woman studying and writing notes at a desk
Photography for visual inspiration · Julio Lopez / Unsplash

Editorial focus

Choose alternative text from the image’s purpose.

The idea in plain language

Name the task before showing the code. Explain what the reader should be able to do at the end, and keep the first example small enough to understand without switching between several tools.

HTML foundations · Lesson 4 of 6

What you will practise

Path
HTML foundations
Approach
Read → try → review
Resources
On this page

A small example

<!-- Describe the purpose; decorative images use alt="". -->
<img src="desk.jpg" width="800" height="600"
     alt="Notebook beside a keyboard on a small desk">
Show a reflection prompt

Explain the example to a person who has not seen the code. Which part does the most useful work?

Try one change

Copy the small example, then alter one part. Describe the difference you observe. If the result is unexpected, return to the smallest working version and compare the change carefully.

Review what you made

Read the result without its decoration and navigate it with the keyboard. A clear structure and a useful explanation should survive when the optional enhancements are unavailable.

The learning desk

Make room for a new idea.

A notebook, a small example and the time to work through a question.

Illustrative photography, not evidence of the sample project, recipe or reported event.