Structuring accessible forms

Last updated: 16 February 2024

Creating accessible forms is the science of constructing form fields that provide the correct name, role, and state through the data entry experience. In this talk we examine how to:

  • Create and label form fields of different types
  • Group related form fields, like radio buttons
  • Mark form fields as required
  • Handle input errors
  • Verify data integrity

Through code examples and testing with a screen reader, you’ll learn how to create form fields that work for all your users.

Resources

Code

Code example on GitHub

See the Pen Accessible Forms by Rachele (@racheleditullio) on CodePen.