OnlineCBT
1. What is Web Accessibility (A11y) & ARIA?
Accessibility (A11y) ensures that digital tools are usable by all individuals, including people with vision, motor, cognitive, or auditory disabilities. WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) defines special attributes that supplement HTML when native elements cannot convey necessary screen reader information.
2. The First Rule of ARIA
"If you can use a native HTML element or attribute with the semantics and behavior you require already built-in, do that instead of re-purposing an element and adding ARIA."
Use a nativerather than a3. Key ARIA Attributes
aria-label: Provides an explicit text description for elements with no visible text (e.g. icon-only buttons).aria-hidden="true": Hides decorative icons or decorative SVGs from screen readers.aria-live="polite": Informs screen readers to announce dynamic content updates (such as score updates or exam countdown warnings) without interrupting the user.aria-expanded="true/false": Indicates whether an accordion or dropdown menu is open.📝 Live Lesson Practice
HTML/CSS JavaScript Python C++ C PHP💻 Code Editor (Monaco VS Code Engine)👀 Live Preview
