Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The power of ARIA


Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

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=";_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 Twitter: @VasuTweets @YahooAccess Y! Accessibility on FB:! Confidential 8