Skip to main content

ARIA & keyboard

Accessible name leaves out the visible text

WCAG 2.2 success criterion 2.5.3 Label in Name (Level A)

WCAG 2.2
2.5.3 Label in Name
Level
A
Default severity
Needs review
Available in
Free

Why it matters

An aria-label replaces a link or button's visible text for assistive technology. If it leaves those words out, a voice-control user who says "click Subscribe" gets no match.

Who it affects: Screen reader and keyboard users, who depend on ARIA and focus order being correct to understand and operate the page.

What Lumtera flags

Links and buttons whose aria-label does not contain their visible text.

Check ID label-in-name — use it to filter the content report or with wp lumtera issues --rule.

How to fix it in WordPress

Change the aria-label so it contains the visible words, ideally at the start: for a button showing "Subscribe", use "Subscribe to our newsletter", not "Sign up". Often the simplest fix is to remove the aria-label altogether (in the block editor, use the block's "Edit as HTML" option, or the label setting of the plugin that added it) and let the visible text be the name.

Example

Flagged
<button aria-label="Sign up">Subscribe</button>
Fixed
<button aria-label="Subscribe to our newsletter">Subscribe</button>

How to check your fix

  1. Update the post. The issue disappears from the Accessibility sidebar on the next check, and from the site report on the next scan.
  2. Press Tab from the top of the page. Focus should move in reading order and never land on something invisible or silent.

Find this issue across your whole site

Lumtera runs this check in the block editor sidebar as you write, in the Elementor panel, in Review mode on the live page, and across the whole site in the content report and with wp lumtera scan. You can change its severity or turn it off in Accessibility → Settings.

All checks

Start with the free plugin today

All 64 checks, the editor sidebar, Elementor panel and site report — free, with no account and no page limits.