Your SlideShare is downloading. ×
The power of ARIA
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

The power of ARIA

798

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
798
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. The Power of ARIA7th February, 2012 f Srinivasu Chakravarthula
  • 2. What is ARIA? ARIA – Accessible Rich Internet Applications Candid recommendation of W3C Solution to make dynamic web accessible to allYahoo! Confidential 2
  • 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. 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. 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. ARIA attributes (contd.,) Tab Panel Status › Accessibility announcement › Off-screen info ButtonsYahoo! Confidential 6
  • 7. ARIA attributes (contd.,) Live regions Menu and menu items Alerts List boxesYahoo! Confidential 7
  • 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

×