Files
freeCodeCamp/mock-guide/english/html/attributes/role-attribute/index.md
Stuart Taylor 7da04a348b fix: Update packages and fix local dev (#26907)
<!-- Please follow this checklist and put an x in each of the boxes, like this: [x]. It will ensure that our team takes your pull request seriously. -->

- [x] I have read [freeCodeCamp's contribution guidelines](https://github.com/freeCodeCamp/freeCodeCamp/blob/master/CONTRIBUTING.md).
- [x] My pull request has a descriptive title (not a vague title like `Update index.md`)
- [x] My pull request targets the `master` branch of freeCodeCamp.
2018-10-23 18:48:46 +05:30

543 B

title
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.