A quick trip through accessibility, WAI-ARIA and where it is going. This was a 10 minute lightning talk for SXSW 09 by Henny Swan, Web Evangelist for Opera Software.
9. So how do we make accessible sites? HTML: text alternatives and semantic mark up CSS: separation of content and presentation JavaScript: progressive enhancement, accessible Rich Internet Applications
10. WCAG 2.0: technology agnostic test criteria Combine with user testing Validate Section 508 (US), UK Government Guidlines, EU directives and more
12. WAI-ARIA to the rescue! Web Accessibility Initiative Accessible Rich Internet Applications
13. Sexy keyboard and screen reader accessible widgets Makes HTML dynamic Supported by Opera 9.5+, FF 1.5+, IE8 and Safari 4 Jaws 7.1+, WindowEyes 5.5+, NVDA, and Firevox
14. WAI-ARIA: Role and state Role : I am a slider , therefore I slide State : Feeling pretty good actually <input type="image" src="thumb.gif" alt="How are you doing?" role ="slider" aria-valuemin="terrible" aria-valuemax="excellent" aria-valuenow=" good " ...aria-labelledby="leffective">
15. WAI-ARIA: Landmark roles Define areas of a web page <div role=" banner "> ... </div><div role=" navigation "> ...</div> <div role=" main ">... </div> </div>
16. WAI-ARIA: Live regions Notifies users of page updates polite assertive RUDE
18. Opera Debug menu Enable and disable CSS, JavaScript, images, multimedia Check headings, lists data tables and semantic markup Mobile view Mobile view