Back to posts
Disappearing error message.
Posted 12mnths agoErick Front end 2 Comments
Hi a11y community, upon submission of a form, I get an error message "invalid email address" displayed but disappears instantly.
Would this be a WCAG failure? If so, which wcag and how can I fix this?
Regards.
1 up vote
0 down votes
Comments
-
0 up votes 0 Down votes
-
1 up vote 0 Down votes
For me, this is a WCAG failure and I would flag this under the Timing adjustable SC. For an email input field, this would be a way to go about it, <input type="email" name="email" required oninvalid="this.setCustomValidity('Enter a valid email, i.e. [email protected])" oninput="this.setCustomValidity('')" autocomplete="email">
Unleash Your Voice, Amplify Accessibility
Empower Your Voice, Share Your Topics on Accessibility, and Ignite a Change in web content
Hello,
For me it is not a failure if:
the message is also spoken by assistive technology like kaws or nvda. It is generally done by assigning the role "alert" to the box containing those error messages.
the message stay longly enough on the screen to be correctly read before disappearing.
In fact, I use myself temporary message on my own web sites.
Yannick