Forms, labels, and feedback
Forms, labels, and feedback
How to check
- Labels
- Web developer toolbar, Outline Form Fields Without Labels
- WAVE, Click and look for the icon
- Required fields and instructions
- Check if required fields are indicated
- Check that instructions indicate how required fields are indicated
- Errors
- Submit the form with errors
- Check how errors are presented
- Check where focus is left
Forms, labels, and feedback
What to check for
- Labels
- Every field has a sensible label
- Labels are positioned well
- Required fields and instructions
- Required fields should be clear
- Instructions should be before they are needed
- Errors
- Errors are clear and findable
- Fields in error still have your data in them
- Focus isn't left on the submit button
Forms
Why check
- Because doing stuff needs forms
- Some users don't know what each field is asking for
- Some users may not understand complex instructions or errors
Other benefits
- Everyone
- Less technically literate users may worry about forms or find them difficult
Multimedia
Multimedia
How to check
What to check for
- Are there clear controls, and are they usable with keyboard only
- Does anything auto-start
- Are there captions for video
- Is there a transcript
- Is audio description included
Multimedia
Why check
- Many users can't hear or see multimedia content
- Some users may have difficulty with background noise
Other benefits
- Non-native language speakers
- Search engines
- Users in noisy environments
- Users trying to keep things quiet
Basic Structure
Basic Structure
How to check
- Switch off CSS, Javascript, Images
- Lineraize the page
What to check for
- Does it make sense
- Is the order meaningful
- Note: Don't worry too much about lineraized data tables
Basic Structure
Why check
- Provides a good sense of how well a page is structured
- Close to the experience of many assistive technology users
Other benefits
- Clean code, is good code
- Search engines
- Cross platform compatibility
Credits
- Dr. Strangelove, 1964
- Batman and Robin, 1949
- The Bad and the Beautiful, 1952
- The Tingler, 1969
- Weekly World News, Jun 23, 1992
- The Big Combo, 1955
- Attack of the 50 Foot Woman, 1958
- Superman, 1950s
- Tarantula, 1955
- The Wild One, 1953
- Bones, 2014