Interactive elements with visible text must have accessible names that contain that text

labels-and-names/label-content-mismatch · WCAG 2.5.3 · Level A

Interactive elements with visible text must have accessible names that contain that text.

For voice control users who activate controls by speaking their visible label, the accessible name must include the visible text. If aria-label is 'Submit form' but the button shows 'Send', voice users saying 'click Send' won't activate it. Ensure aria-label/aria-labelledby contains or matches the visible text.

Scan a page or repo for issues like this · All rules

Introduced in @accesslint/core v0.8.0