ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
ccessible
ich
nternet
pplications
A?
R?
I?
A
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?
HTML (1990)
JavaScript (1995)
Wide variety of dynamic content
ARIA (2014)
An information gap in HTML markup
Accessibility API (1997)
v
<div class="progress-bar"></div>
Progress bar without ARIA
Progress bar with ARIA
<div class=¡°progress-bar"
role="progressbar"
aria-valuenow="20"
aria-valuemin="0"
aria-valuemax="100"></div>
<div role="alert"
aria-live="assertive">
<p>The HighEdWeb lightning
talks are in progress.</p>
</div>
Alerts and live updates with ARIA
Where else can ARIA step in?
Collapsibles
Drop down menus
Calendars
Pop ups
ºÝºÝߣrs
Drag and drop
Semantic ?
HTML
+
JavaScript
Dynamic,
accessible
content
ARIA
+
Accessibility
API
bamadesigner.com/what-is-aria
For WPCampus:?
wpcampus.org?
@wpcampusorg
?
For everything else:?
Freelance software engineer?
bamadesigner.com?
@bamadesigner
How to reach me

More Related Content

ARIA: A bridge to greater accessibility