Skip to main Content
Back to posts

Disappearing error message.

Posted 11mnths ago
profile pic

Erick 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

  • profile pic
    mailtoloco

    Hello,

    For me it is not a failure if:

    1. 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.

    2. 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

    0 up votes 0 Down votes
  • profile pic
    Master Frenkie

    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">

    1 up vote 0 Down votes

Unleash Your Voice, Amplify Accessibility

Empower Your Voice, Share Your Topics on Accessibility, and Ignite a Change in web content

Create a post