accessible-name-invalid

Suitable accessible name not found for the element.

Description

Considering the interactive element’s intended purpose, the element lacks an accessible name or the pre-existing one is unsuitable. This is crucial for enabling screen reader users to fully understand the element.

Why is it important?

Assistive technologies such as screen readers provide users with information about a user interface control, including its accessible name, when it receives focus.

Examples

• Success:
  • Using an appropriate ARIA label to describe the element.
• Failure: Using generic accessible names like:
  • Read more
  • Click here

How to fix?

Add a suitable accessible ARIA label to the element to resolve this issue.

References

• WCAG 4.1.2: Name, Role and Value
• Using generic phrases as accessible name