Open reboottime opened 3 weeks ago
The Purpose: ARIA roles define the type and functionality of an element, especially when HTML5 semantic elements aren't sufficient.
Basic Example
<div role="button" tabIndex="0">Click Me</div>
Common Roles
alert
aria-live
value is polite
ARIA (Accessible Rich Internet Applications) attributes
aria-selected
: primarily used in interactive widgets patterns where users can select one or more items from a group of options.aria-hidden
: To hide content from assistive technologies (like screen readers) while keeping it visually visible.aria-description
: is an ARIA (Accessible Rich Internet Applications) attribute used to provide additional descriptive information about an element to users of assistive technologies, such as screen readers.
Keyboard navigation is a crucial aspect of web accessibility, allowing users who can't or prefer not to use a mouse to interact with web content.
Key aspects of keyboard navigation include:
Focus management:
Keyboard shortcuts:
Skip links:
Keyboard traps:
Off-screen content:
ARIA for complex widgets:
Testing:
placeholder
Accessibility focuses on making web applications and websites usable by people with various disabilities or impairments.
Accessibility topics include:
(Credit goes to claude.ai and critical thinking training)