1. Segment 2: Web Standards & Accessibility Ted Drake, Yahoo Accessibility Lab Slideshare.net/7mary4

2. What does an Accessible Site Designed with Web Standards Look Like?

8. Topics Features of an accessible site designed with Web Standards? Beyond the blind When web standards is not enough Mobile Users

9. Is your standards-based web site accessible?

10. Maybe

11. Web Standards Foundation

12. Solid Versatile Semantic Data Device Independent

13. Static

14. Dynamic

15. New Visual & Auditory Concerns Expandable content Editable text Drag and Drop Gestures Closed Captions Regularly updated content Dialogue boxes Keyboard focus control

16. Drag and Drop Provide non-mouse alternative

17. Expandable Content Button for expand/contract Place focus into expanded area Tell user the container can be expanded

18. Video Accessibility

19. Live Regions Define regions of the page that update automatically. Should the screen reader user get a notification every time it changes?

20. Cognitive and Physical Concerns Memory loss Different cognitive levels of understanding content. What helps some will distract others Dyslexia Keyboard navigation Voice recognition

21. Voice Recognition Dragon Naturally Speaking Images with text must have matching alt text. Don’t autofocus form elements Avoid multiple links to different URLs with the same text.

22. Keyboard Navigation

23. Avoid long sentences Avoid large blocks of text Avoid justified alignment Give the user white space Dyslexie: font designed for dyslexia Dyslexie

24. Mobile Browsers and Accessibility

25. New Device Same Accessibility Concerns

26. iPhone and iPad Full featured VoiceOver Safari browser supports HTML5, CSS3, JavaScript Custom gestures will conflict with VoiceOver. No Flash support

27. Android, Blackberry, Nokia Screen reader is available, but not as sophisticated as VoiceOver Use clean, structural markup for better performance Android’s browser is full featured. Blackberry and Nokia are not as robust.

28. Questions? Question mark in Esbjerg Some rights reserved by alexanderdrachmann