ARIA is an HTML spec that was introduced by the Web Accessibility Initiative (WAI) to make Web content and Web applications more accessible to people with disabilities.

1. ccessible
ich
nternet
pplications
A
R
I
A

2. a·ri·a
/ˈärēə/
HTML attributes introduced by the Web
Accessibility Initiative (WAI) to make Web
content and Web applications more accessible
to people with disabilities.
What is ARIA?

3. HTML (1990)
JavaScript (1995)
Wide variety of dynamic content
ARIA (2014)
An information gap in HTML markup
Accessibility API (1997)

4. v
<div class="progress-bar"></div>
Progress bar without ARIA

5. Progress bar with ARIA
<div class=“progress-bar"
role="progressbar"
aria-valuenow="20"
aria-valuemin="0"
aria-valuemax="100"></div>

6. <div role="alert"
aria-live="assertive">
<p>The HighEdWeb lightning
talks are in progress.</p>
</div>
Alerts and live updates with ARIA

7. Where else can ARIA step in?
Collapsibles
Drop down menus
Calendars
Pop ups
Sliders
Drag and drop

8. Semantic
HTML
+
JavaScript
Dynamic,
accessible
content
ARIA
+
Accessibility
API

9. bamadesigner.com/what-is-aria

10. For WPCampus:
wpcampus.org
@wpcampusorg
For everything else:
Freelance software engineer
bamadesigner.com
@bamadesigner
How to reach me