Validation error message is not announced by screen readers - The email opt-in modal

[MajoMaldonado]

Location / URL: https://edac-vpat.instawp.co/wp-admin/admin.php?page=accessibility_checker
Screenshot:

WCAG S.C: 4.1.3 Status Messages (AA)

Issue Description: When an invalid email address is submitted, the visual validation message "Enter a valid email address." is displayed below the email field. However, the error message is not automatically announced by the screen reader. Instead, focus remains on the Subscribe button, and users relying on assistive technologies may not be aware that a validation error has occurred.

[amberhinds]

I wonder if we need to report this to ActiveCampaign.

[pattonwebz]

This is an ActiveCampaign form but we are using a raw form version that does a direct post. I am surprised that this is not an html5 validation message on the field though.

[amberhinds]

@pattonwebz there are two ways to embed the form. A "simple" embed that is just a script and a "full" embed. I suspect that we're using the "full" embed which is the full HTML version because there were accessibility issues with the version that loads the form via script from ActiveCampaign.

I put the two different code options here for you to reference.

I suspect that the best choice here is to code our own fix.