7da04a348b
<!-- 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.
21 lines
543 B
Markdown
21 lines
543 B
Markdown
---
|
|
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:
|
|
```html
|
|
<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](https://www.w3.org/TR/wai-aria/roles).
|