Embed Size (px)
DESCRIPTION
Citation preview
f
The Power of ARIA
7th February, 2012
Srinivasu Chakravarthula
2Yahoo! Confidential
What is ARIA?
ARIA – Accessible Rich Internet Applications
Candid recommendation of W3C
Solution to make dynamic web accessible to all
3Yahoo! Confidential
Why ARIA?
Websites are increasingly using advanced and complex user interface controls
Solution to make dynamic web accessible
Assistive Technologies need to be able to interact with complex controls
Technically, WAI ARIA provides a framework for adding attributes to identify features for user interaction
4Yahoo! Confidential
What ARIA provides?
Role to describe the type of widget
Role to describe the structure of a web page
State of the widget
Live regions for frequently updated content
Drag and drop functionality
Provides keyboard navigation for objects and events
5Yahoo! Confidential
ARIA attributes
Roles
Navigation
Search
Main
Content info
<form action="http://search.yahoo.com/search;_ylt=Ap3vRQULlUwlFx6TE6YuMsKbvZx4" class="search-form" id="p_13838465-searchform" method="get" name="sf1" role="search”>
<div role="main" class="fp-fx" id="y-col1">
6Yahoo! Confidential
ARIA attributes (contd.,)
Tab Panel
Status
› Accessibility announcement
› Off-screen info
Buttons
7Yahoo! Confidential
ARIA attributes (contd.,)
Live regions
Menu and menu items
Alerts
List boxes
SrinivasuChakravarthula
Senior Manager, Inclusive Design
[email protected]: @VasuTweets @YahooAccessY! Accessibility on FB:
facebook.com/yahooaccessibility
Thank You!
8Yahoo! Confidential
