The role attribute describes the role of an element in 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