Skip to main content

➕Adding Accessible Names to Interactive Elements

Updated today

Accessible names help assistive technologies understand the purpose of interactive elements such as links, buttons, and custom interface components.

Screen readers rely on these names to announce what an element does so users can decide how to interact with it.

Why Accessible Names Matter

Screen readers rely on accessible names to explain what a link or button does. If a button has no descriptive label, or only vague text, users with visual impairments may not understand its purpose.

For example:

  • A screen reader announcing “Click here” gives no context.

  • An icon-only button without a label may be read as simply “button.”

This creates confusion, slows navigation, and can prevent users from completing important actions.

How Our AI Remediation Helps

Our AI can help resolve issues such as:

Links without accessible names

Links that contain no text or vague wording like “Click here” or “Learn more” can be confusing when read by a screen reader. AI can generate descriptive labels that clarify the link’s destination or purpose.

Buttons without descriptive labels

Buttons that only contain icons or unclear text can be difficult for assistive technologies to interpret. AI can generate meaningful labels that describe the action the button performs.

ARIA widgets missing accessible names

Custom interface components such as dialogs, toggles, tooltips, and other ARIA-based controls may require accessible names for screen readers to interpret them correctly. AI can detect these elements and suggest clear labels to improve accessibility.

The Result

  • Improved WCAG compliance

  • Better screen reader clarity

  • Clearer navigation for users with visual impairments

  • A more inclusive user experience

Did this answer your question?