Marcelo Paiva
A girl in headphones and a hoodie looks down at an open book at a classroom desk.

Success criterion 2.4.6 · Level AA

Headings and Labels

“Headings? Labels? Give 'em to me! It's like speed reading for my screen reader.”

Who this helps: Blindness, Cognitive Impairments

Success criterion 2.4.6 · Level AA

Headings and Labels

Headings and labels describe topic or purpose.

Principle 2: Operable · Guideline 2.4: Navigable

What each role can do

Product manager
Ensure that all headings and labels are descriptive and relevant.
Designer
Use headings and labels to clearly demarcate sections and topics.
Developer
Utilize semantic HTML for headings (<h1>, <h2>, etc.) and labels to facilitate screen reader navigation.
Tester
Test to ensure all headings and labels are accurate, and properly structured for screen reader navigation.

Once it is fixed

“You've made my screen reader's job easy and my life easier. I can navigate your site like a pro!”

Next criterion: 2.4.7 Focus Visible