freeCodeCamp/guide/english/html/attributes/role-attribute/index.md

title
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 full list of existing roles, refer to aria roles documentation.