WeCodeAcademy

Accessibility Basics

Accessible pages work for people using screen readers or only a keyboard. The basics: meaningful alt text, labels on inputs, headings in order, and good contrast.

Examplehtml
Open in editor »

alt describes an image. for ties a label to an input so clicking the label focuses it. aria-label names a button that only shows an icon.

Quick check

What is `alt` text for?

Finish the quick check (and any code exercise) to complete this lesson, or mark it done yourself.

Tip: use the left and right arrow keys to move between lessons.