2.5.3 Label in Name Level A

For user interface components with labels that include text or images of text, the name contains the text that is presented visually.

*A best practice is to have the text of the label at the start of the name.

[View on W3C.org]

Testing & Remediation

How to test: Check your site or app for any functionality that requires labels. For those items, make sure:
  • The accessible name contains the visible label text
  • The accessible name contains the words of the visible label in the same order as the visible label text
  • The accessible name doesn't include other words interspersed in the label
How to remediate:
  • Include the text of the visible label as part of the accessible name
  • Match the accessible name to the visible label

Questions and Answers