Accessible Forms

Accessible Forms

Accessible forms connect labels, instructions, controls, and validation messages so users can understand what to enter and how to correct errors.

Core concept

Explain explicit labels, fieldsets/legends, help text, required state, invalid feedback, aria-describedby, and error summaries for complex forms.

Using it in a real interface

Build a registration field with help text and an error message linked to the input. Explain how the same information should remain understandable visually and programmatically.

Implementation notes

Write errors that tell the user how to fix the problem. \'Invalid input\' is less useful than a message that identifies the expected value.