The Need for HTML ARIA
After completing this lesson, you will be able to describe the purpose of ARIA.
Time to complete
VideoIntroducing ARIA and ARIA Roles video (1:34) and slide
To bridge this gap, the accessibility community has created a widely deployed standard called WAI-ARIA (Web Access Initiative-Accessible Rich Internet Applications). For brevity, in this class, we refer to it as just ARIA. ARIA adds a few simple attributes at runtime. It provides a means for adaptive technology to discover the purpose of a dynamic widget by examining the HTML Document Object Model (DOM).
The interactivity added via scripting introduces an interesting accessibility challenge; if no additional steps are taken, when the page has loaded, the screen reader does not know whether the menu, for example, is expanded or collapsed.
role and a
state to your dynamic widgets.
In the next few lessons, you will take well-marked up HTML content and apply the ARIA framework to create more accessible websites.
A Note About Frameworks
- Learn what accessibility features are already provided by the framework you are using. (For this course, we removed some of the accessibility features provided by Angular.js and Bootstrap.js in order to provide an opportunity for you to add these features as you might need to in your own web application.)
- Once you have made these modifications, consider contributing your accessibility improvements back to the framework or library’s codebase so other developers and users will benefit from your work.