Saved by Daniel Wentsch and
A guide to designing accessible, WCAG-compliant focus indicators
To give both sighted and non-sighted users an equivalent experience, we can use the well-supported aria-invalid attribute. When the user focuses the input, it will now announce “Invalid” (or similar) in screen readers.
Adam Silver • Form Design Patterns
Practice: Adding aria labels