Top Banner

Click here to load reader

Progressive Enhancement with ARIA [WebVisions 2011]

Jan 27, 2015



esigning and developing with accessibility in mind has numerous benefits: it makes your website usable by everyone, it makes your content inherently more search engine friendly, and it makes providing context-sensitive interfaces (e.g. mobile) even easier. In this session, Aaron Gustafson will provide you with a quick refresher on progressive enhancement and show you where the Web Accessibility Initiative's Accessible Rich Internet Applications (WAI-ARIA) spec fits into it all. Throughout the talk, Aaron will provide numerous examples of how to weave ARIA into your projects and how to use ARIA, in concert with JavaScript, to dramatically enhance the usability of client-side widgets.


2. ? 3. Tweet 4. TweetTweet 5. ? 6. Search Mail 7. Search Mail

Search Mail

8. WebAccessibilityInitiative 9. AccessibleRichInternetApplications 10. JavaScript CSS XHTMLContent 11. ARIAJavaScript CSS XHTMLContent 12. 13. 14.

15. Tweet 16. Tweet 17. role="application"aria-activedescendant="folder-1" 18. role="tablist" 19. role="tab"aria-selected="true"aria-controls="folder-1" 20. role="tab"aria-selected="false"aria-controls="folder-4" 21. role="tabpanel"aria-hidden="false"aria-labelledby="folder-1-tab" 22. 23. 137 24. 137 characters remaining 25. maximum of 140 characters 26. maximum of 140 characters137 characters remaining 27. 137 characters remaining 28. Progressive Enhancement with ARIA by Aaron GustafsonMore of the same: http://easy-designs.nethttp://easy-reader.net Slides available at This presentation is licensed under Creative CommonsAttribution-Noncommercial-Share Alike 3.0 ickr Photo CreditsDual Samsung Monitors by steve-ukStatue of liberty by gadlLego creation by MiikaS Green Plant by kevin1024
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.