Popup Error: Best Practices

  • Use required attribute for required form controls.
  • Use aria-invalid="true" when a field is invalid, otherwise remove the attribute for compatibility with Firefox.
  • Make the error message part of the accessible description, but accessible name also good.
  • Use role="status" on the popup error messages, so they will be announced to the user without interruptiong other speech.