Table of Contents

Basic Form Accessibility

Update 8 August 2017

  1. Welcome
  2. Practice form
  3. Screen Reader Commands
  4. Forms - a non-accessible example
  5. Labels
    1. Why use labels?
      1. Reliable
      2. Clickable
      3. Customizable
    2. Label syntax
      1. Labeling text fields and textarea
      2. Labeling checkboxes
      3. Labeling radio buttons
      4. Labeling select menus
      5. Explicit vs. Implicit Labels
      6. Unique & Descriptive Labels
    3. Labels: things to remember

Advanced Form Accessibility

  1. Required fields
  2. Grouping controls — fieldset and legend
  3. Grouping controls — WAI-ARIA & Non-Standard Form Controls
  4. Using "button" and images
  5. Using the title attribute
  6. Using the aria-labelledby attribute on Table-Forms
  7. Really Advanced Stuff
    1. Error handling and error messages
    2. Form instructions

But wait, there's more!

  1. Form usability
    1. Use HTML5 <input> types
    2. Label placement
    3. Placeholder attribute - Just Say NO
    4. Clustering control types
    5. Standard prompt values
    6. <Select> menus
    7. "Submit" buttons
    8. Smart scripts
    9. Logical defaults
    10. Progress map
    11. Postbacks
    12. Design as help
    13. CAPTCHA
  2. Forms: what NOT to do
  3. Resources

All together now ...

  1. Q & A