Attribute – Role Attribute

Role Attribute

The role attribute describes the role of an element to programs that can make use of it, such as screen readers or magnifiers.

Usage Example:

<a href="#" role="button">Button Link</a>

Screen Readers will read this element as “button” instead of “link”.

There are four categories of roles:

  • Abstract Roles
  • Widget Roles
  • Document Structure Roles
  • Landmark Roles

For the full list of existing roles, refer to aria roles documentation.

This article needs improvement. You can help improve this article. You can also write similar articles and help the community.