1. Building accessible web forms Ensuring compliance to Section 508

2. Foundational considerations Accessible forms go beyond good looks Accessible forms don’t require a mouse Every point of input should have a label Whatever the functionality, degrade gracefully

3. Foundational considerations Accessible forms go beyond good looks Accessible forms don’t require a mouse Every point of input should have a label Whatever the functionality, degrade gracefully

4. Foundational considerations Accessible forms go beyond good looks Accessible forms don’t require a mouse Every point of input should have a label Whatever the functionality, degrade gracefully

5. Foundational considerations Accessible forms go beyond good looks Accessible forms don’t require a mouse Every point of input should have a label Whatever the functionality, degrade gracefully

6. Accessible forms go beyond good looks

10. Accessible forms don’t require a mouse

14. Every point of input should have a label

16. The anatomy of an accessible form field First name:

17. The anatomy of an accessible form field Favorite cookies: Please select a cookie

18. The anatomy of an accessible form field Milk types Skim Milk 2% Milk...

19. Whatever the feature, degrade gracefully Javascript/AJAX form processing or event handlers Degrade to server-side form processing & handlers Complex form or page display requiring DHTML/Javascript Degrades to intuitive, text-only display Image elements in the form used to convey information Text alternative (or no dependency upon that image)

20. Accessibility resources Section 508 http://www.section508.gov Web Developer Add-on for Firefox http://chrispederick.com/work/web-developer/work/web-developer/ Lynx web browser http:/http://lynx.isc.org or for the Mac: http://habilis.net/lynxlet/ More online accessibility tools:re online accessibi http://webaim.org/articles/freetools//freetools/

21. Questions & Answers For additional accessibility & HTML related questions: Michael Tangen michael.tangen@state.mn.us 651-201-1045 To arrange for assistance from OET: Tarek Tomes tarek.tomes@state.mn.us 651-556-80031-556-8003