KNOW THE WORLD OF ACCESSIBILITYSrinivasu ChakravarthulaAccessibility Lab,Yahoo! India Research & Development

CREATE AN INCLUSIVE WEB!

AGENDA

•What’s Accessibility?

•Who are people with disabilities?

•Assistive Technologies

•Accessibility is not just for people with disabilities

•The problem

•Web Accessibility standards

•The Power of ARIA

•YUI and Accessibility

•HTML 5 and Accessibility

WHAT IS ACCESSIBILITY?

•Providing equal access to everyone•Providing equal information•Providing equal functionality to all

WHO ARE PEOPLE WITH DISABILITIES

•Created by situation •Temporary disability due to accident•Functional disabilities

ASSISTIVE TECHNOLOGIES

•Screen readers•Screen magnifiers•Refreshable Braille displays•Trackball•Switches•Head mounted mouse•AAC devices … many more!

ACCESSIBILITY IS NOT JUST FOR PEOPLE WITH DISABILITIES BUT ALSO…

•Low band width users•Senior citizens•Search engines•Mobile users

THE PROBLEM

•Most of the web is inaccessible due to:• Lack of semantic code• Lack of use of the standards• Not following the best practices of respective

technology

WEB ACCESSIBILITY STANDARDS

•Web Content Accessibility Guidelines (WCAG) 2.0 http://www.w3.org/TR/WCAG20/ •Accessible Rich Internet Applications (ARIA) - http://www.w3.org/WAI/intro/aria.php•Authoring Tool Accessibility Guidelines (ATAG) http://www.w3.org/TR/ATAG10/•User Agent Accessibility Guidelines (UAAG) 1.0 http://www.w3.org/WAI/intro/uaag.php •Guidelines for Indian Government Websites (GIGW) - http://web.guidelines.gov.in/

THE POWER OF ARIA

Makes the dynamic web accessible! Let’s see the examples on Yahoo! Search – auto suggestions on Yahoo! Home page.

Makes inline dialogues and alerts accessible

Different case studies on the use of WAI ARIA – From Yahoo! Search

YUI AND ACCESSIBILITY

•An Accessible star rating widget•Accessible Menu controls and many more•YUI Accessibility blog posts - http://yuiblog.com/blog/category/accessibility

HTML 5 AND ACCESSIBILITY

Best resource: http://html5accessibility.com

YAHOO! ACCESSIBILITY RESOURCES

Yahoo! Accessibility Blog: http://accessibility.yahoo.com

Code Library: http://yaccessibilityblog.com/library/

Twitter: @yahooaccess

Facebook: http://www.facebook.com/YahooAccessibility

THANK YOU! ALL THE BEST!-@VASUTWEETS