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.