×

html · level 1 · unit 7 · lesson 3

  1. meet it
  2. guess first
  3. your turn
  4. fix it
  5. nailed it

Tap a green word if you get lost.

meet it

An page works for everyone who visits.

An accessible page works for everyone, including people who use screen readers, zoom in on the page or cannot use a mouse. You already know most of the tricks.

Give every picture alt text and every input a <label>. Set lang on <html>. Write link text that says where each link goes.

Use headings in order, with no skipped levels: after <h1> comes <h2>, never <h4>. Screen reader users jump between headings like the contents page of a book.

<h1>Pip's Plants</h1>
<h2>Tree of the week</h2>
<img src="tree.svg" alt="A leafy green tree">
<p>Read the <a href="https://example.com/care">tree care guide</a>.</p>

Press show my page to see it here.

Try this: read only the headings and the links. Do they still make sense?