Validation errors provide suggestions for correction

Error messages that say 'Invalid' or 'Error' without explaining the constraint leave users — especially those with cognitive disabilities — stuck on forms they cannot fix. WCAG 2.2 SC 3.3.3 (Error Suggestion) is a Level AA requirement: when an input error is detected and suggestions for correction are known, the suggestion must be provided. A password field that says 'Invalid' instead of 'Password must be at least 8 characters with one uppercase letter' causes measurable task abandonment.

Replace every generic error string with a message that names the constraint and shows the expected format.

// Before — tells users nothing actionable
const errors = {
  email: 'Invalid email',
  password: 'Error',
  phone: 'Required',
}

// After — tells users exactly what to do
const errors = {
  email: 'Enter a valid email address (e.g., name@example.com)',
  password: 'Password must be at least 8 characters and include one number',
  phone: 'Enter a 10-digit US phone number (e.g., 555-867-5309)',
}

Search for error string literals across your form validation logic in src/. Any message under five words — or that only echoes the field name — should be expanded to include the expected format or the correction step.