Level: Advanced
Forms are one of the most consequential places to get accessibility right, since a form someone can't complete blocks them from taking the exact action the page exists to enable.
Every Field Needs a Properly Associated Label
Labels connected programmatically to their fields, not just visually adjacent to them, are essential for screen reader users to understand what each field is asking for.
Error Messages Need to Be Announced, Not Just Displayed
A visually displayed error that isn't also communicated to assistive technology leaves screen reader users unaware that a problem occurred at all.
Ensure the Entire Form Is Navigable by Keyboard Alone
A visitor who can't use a mouse should still be able to complete every step of the form using only a keyboard, in a logical, predictable order.
Next step: Use the Get Source Code of Webpage to review your form's underlying markup to confirm labels and error messages are properly associated with their fields.