The power of ARIA

The Power of ARIA7th February, 2012 f Srinivasu Chakravarthula

What is ARIA? ARIA – Accessible Rich Internet Applications Candid recommendation of W3C Solution to make dynamic web accessible to allYahoo! Confidential 2

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

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

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

ARIA attributes (contd.,) Tab Panel Status › Accessibility announcement › Off-screen info ButtonsYahoo! Confidential 6

ARIA attributes (contd.,) Live regions Menu and menu items Alerts List boxesYahoo! Confidential 7

Thank You! Srinivasu Chakravarthula Senior Manager, Inclusive Design srinivu@yahoo-inc.com Twitter: @VasuTweets @YahooAccess Y! Accessibility on FB: facebook.com/yahooaccessibilityYahoo! Confidential 8

The power of ARIA

by Srinivasu Chakravarthula on Feb 09, 2012

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 18

Statistics

The power of ARIA — Presentation Transcript

http://srinivasu.org	17
http://a0.twimg.com	1