The Power of ARIA7th February, 2012                     f                              Srinivasu                         C...
What is ARIA? ARIA – Accessible Rich Internet Applications Candid recommendation of W3C Solution to make dynamic web ac...
Why ARIA? Websites are increasingly using advanced and complex user interface  controls Solution to make dynamic web acc...
What ARIA provides? Role to describe the type of widget Role to describe the structure of a web page State of the widge...
ARIA attributesRoles         Navigation         Search         Main         Content info<formaction="http://search.yahoo.c...
ARIA attributes (contd.,) Tab Panel Status    ›    Accessibility announcement    ›    Off-screen info ButtonsYahoo! Con...
ARIA attributes (contd.,) Live regions Menu and menu items Alerts List boxesYahoo! Confidential     7
Thank You!                      Srinivasu                      Chakravarthula                      Senior Manager, Inclusi...
Upcoming SlideShare
Loading in...5
×

The power of ARIA

833

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
833
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

The power of ARIA

  1. 1. The Power of ARIA7th February, 2012 f Srinivasu Chakravarthula
  2. 2. What is ARIA? ARIA – Accessible Rich Internet Applications Candid recommendation of W3C Solution to make dynamic web accessible to allYahoo! Confidential 2
  3. 3. 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 interactionYahoo! Confidential 3
  4. 4. 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 eventsYahoo! Confidential 4
  5. 5. ARIA attributesRoles Navigation Search Main Content info<formaction="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">Yahoo! Confidential 5
  6. 6. ARIA attributes (contd.,) Tab Panel Status › Accessibility announcement › Off-screen info ButtonsYahoo! Confidential 6
  7. 7. ARIA attributes (contd.,) Live regions Menu and menu items Alerts List boxesYahoo! Confidential 7
  8. 8. Thank You! Srinivasu Chakravarthula Senior Manager, Inclusive Design srinivu@yahoo-inc.com Twitter: @VasuTweets @YahooAccess Y! Accessibility on FB: facebook.com/yahooaccessibilityYahoo! Confidential 8
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×