A11y Lablearn by doing
0/20

Forms · 16

Report validation errors

After an invalid submit, users need field state, specific descriptions, and a focused overview.

What to do

  1. Connect each field to its dedicated error with aria-describedby.
  2. Let invalid submission set aria-invalid="true" and visible error text.
  3. Make the error summary programmatically focusable with tabindex="-1".
/index.html
Preview
updating…

Result

Run the checks

Edit the HTML and select “Check solution”. The preview updates automatically.

If you are stuck

The preview performs validation. Your markup must provide stable error IDs and a summary that script can focus.

Read the exact rule or pattern

Exercise 16 of 20

axe-core

Automated audit