Building accessible web forms Ensuring compliance to Section 508

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

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

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

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

Accessible forms go beyond good looks

Accessible forms don’t require a mouse

Every point of input should have a label

The anatomy of an accessible form field First name:

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

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

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)

Accessibility resources Section Web Developer Add-on for Firefox Lynx web browser or for the Mac: More online accessibility tools:re online accessibi

Questions & Answers For additional accessibility & HTML related questions: Michael Tangen To arrange for assistance from OET: Tarek Tomes