Marcelo Paiva

All criteriaPresent as slides

A woman shouting with her mouth open, pressing both hands against corded headphones, against a swirling background.Meant to show: A woman with both wrists in rigid splints, wearing a headset microphone

Success criterion 2.5.3

Label in Name

For controls with a visible text label, the accessible name contains the text that is presented visually.

  • Level A
  • Principle 2: Operable
  • Guideline 2.5: Input Modalities

In a user’s words

“I say 'Click Send' and nothing happens, because your Send button is secretly named 'Submit form'.”

Who this helps: Motor Impairments, Speech-input users

What each role can do

Product manager
Require that visible labels and accessible names match.
Designer
Write the visible label first; any extra accessible text comes after it.
Developer
Make sure aria-label and accessible names begin with the visible label text.
Tester
Use voice control to activate each control by its visible label.

Once it is fixed

“I say what I see and it just works. My voice finally has the right password!”

The quotes are written to illustrate the criterion. They are not testimonials from real people. For the official wording, find 2.5.3 in the W3C quick reference for WCAG 2.2 (opens in a new tab).

Or press the left arrow and the right arrow.