Accessible websites
Accessible HTML helps more people use websites, including people using screen readers, keyboards and other assistive technologies.
Learn how websites are structured from the ground up using HTML. Build real pages while learning elements, attributes, links, images, forms, tables, semantic HTML and more.
Lesson 20 of 24
15 min learning time
Accessible HTML helps more people use websites, including people using screen readers, keyboards and other assistive technologies.
Use meaningful headings, labels, alt text, buttons and semantic elements.
<label for="email">
Email Address
</label>
<input
type="email"
id="email"
name="email"
aria-describedby="email-help"
>
<p id="email-help">
Enter an active email address.
</p>
Practical Exercise
Improve a simple form by adding proper labels and useful alternative text.
Quick Check
Why is alt text important?