Thursday, September 3rd, 2009
Web forms rock
They are easily accessible, can feed information directly to a database and replace tree-killing paper versions.
Web forms suck
They are difficult to style, require massive validation and and the elements look drastically different on each browser.
And don’t get me started on accessibility.
OK, get me started…
It takes a lot of work to make forms accessible to those using assistance devices.
Yet, it is worth it – people with differing levels of sight and mobility deserve to be able to use your form. And sometimes, your form becomes the only option when they can’t interact with the paper version.
So webmonkeys, please think about:
- Proper fieldset nesting.
- Labels and titles that make sense.
- TabIndex when appropriate.
- Validation that works with screen readers.
But, even with all that – some users will be frustrated by the computers lack of cooperation. For instance…
On a Mac (OSX), using tab to navigate FAILS
FireFox seems to respect this and skips those elements. Good for FireFox. Bad for users.
The funny thing is that Safari partially ignores it and allows you to tab to select inputs. However, radio buttons are still out.
So, let your users know where to chance this setting:
Computer System Preferences > Keyboard and Mouse > Keyboard Shortcuts > Look to the bottom at “Full Keyboard Access” and select “All Controls”
… but of course the setting to recognize radio buttons IS A RADIO BUTTON!
So, good luck navigating to it via the keyboard.