ARIA Examples
Label
Add note here...
aria-label
Add example here...
Relationships
There are eight relationship attributes that create relationship between elements on a page:
- aria-labelledby
- aria-owns
- aria-activedescendant
- aria-describedby
- aria-posinset
- aria-setsize
aria-labelledby
Add example here...
aria-owns
Add example here...
aria-activedescendant
Add example here...
aria-describedby
Add example here...
aria-posinset and aria-setsize
Add example here...
Hiding Content
Add notes here..
aria-hidden
Add example here...
NOTE: The aria-hidden attribute “hides or ignores” an element from a screen reader. The HTML5 hidden attribute “hides or does not display” an element from a browser.
- Tabindex = “0” – keyboard focusable where tab order is determined by the source order
- Tabindex = “-1” – programmable focusable but is not included in the tab ring.
Updating Content
Add notes here...
aria-live
There are three aria-live values that can be used:
- polite
- assertive
- off
aria-atomic
aria-relevant
aria-busy