HTML- WAI-ARIA Roles Flashcards
WAI-ARIA meaning
Web Accessibility Initiative- Accessible Rich Internet Applications
Landmark Roles
attributes added to elements
1st rule of ARIA
Do not use aria roles to re-purpose elements. If there is a native HTML element
2nd rule of ARIA
Do not change the semantics of a native element
3rd rule of ARIA
any interactive element must have an equivalent motion using only the keyboard
4th rule of ARIA
do not use role=”presentation” or aria-hidden=”true” on visible focusable elements like buttons
5th rule of ARIA
All interactive elements must have an accessible name, such as input fields
what does the ARIA role do
it overwrites the native semantic value of the native element in the accessibility tree. It does not affect the element visually or behaviours