Command Palette

Search for a command to run...

Hectal
Phase 7: Accessibility and Quality
HTML · Exercise 1 of 6Next
Beginner

Fix the alt text

This page has three images and none has an alt attribute. Give each one the right kind of alt text:

1. The logo inside the link goes to the home page: describe where the link goes (for example Hectal home), not the picture.

2. The wavy divider is pure decoration: give it an empty alt.

3. The photo shows a girl riding a red bicycle in a park: write a short description, and don't start with "image of" or "picture of".

What Check tests

  1. Every image has an alt attribute (even if empty)
  2. The divider is marked as decorative with alt=""
  3. The logo's alt names where the link goes (not a file name)
  4. The photo has a real description that doesn't start with "image of"

Stuck? One hint at a time

The solution unlocks after your first Check. Try first: that is where the learning happens.

Runs in your browser. Your code is saved here.

Your page

Press Run to see the page.

Console

Nothing logged yet.