New issue
Advanced search Search tips

Issue 829172 link

Starred by 2 users

Issue metadata

Status: Available
Owner: ----
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug
Team-Accessibility



Sign in to add a comment

The form validation error messages should be exposed to screen readers

Reported by taken....@gmail.com, Apr 5 2018

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3388.0 Safari/537.36

Steps to reproduce the problem:
1. Try submitting form with invalid entries
2. The Chrome's native error message appears
3. Chrome's native error message isn't announced by screen readers

What is the expected behavior?
1. Try submitting form with invalid entries
2. The Chrome's native error message appears
3. The error message is announced by screen readers

What went wrong?
Chrome's native form validation error messages are not announced by, at least, NVDA 2018.1.

As other browsers’ error messages are announced by same NVDA, Chrome’s error messages should be announced.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 67.0.3388.0  Channel: canary
OS Version: 10.0
Flash Version: 

Chrome's native form validation error messages are not announced by, at least, NVDA 2018.1.

In following example, then error message appears on the screen when user tries submitting the form. While Chrome provides kindly message (“Please include an '@' in the email address. 'john[example.com' is missing an '@'.”), NVDA doesn’t announce. As other browsers’ error messages are announced, Chrome’s error messages should be announced.

<form onsubmit="event.preventDefault();">
<p><label>Email address (required) <input type="email" value="john[example.com"></label></p>
<p><button>Submit</button></p>
</form>

Google Chrome 67.0.3388.0 (Official Build) canary (64-bit) + NVDA 2018.1

When user tries submitting form, the error message of first invalid form field appears on the screen. However, it isn’t announced.

Example announcement of NVDA 2018.1
> (Nothing)

Firefox Nightly 61.0a1 (2018-04-04) (64-bit) + NVDA 2018.1

When user tries submitting form, the error message of first invalid form field appears on the screen and is announced.

Example announcement of NVDA 2018.1
> Alert
> Please enter an email address

Microsoft Edge 16.16299 + NVDA 2018.1

When user focus the form field, the error message of focused form field is announced.

Example announcement of NVDA 2018.1
> Email address (required) Edit Required Invalid entry Please enter a valid email address

Note: I cannot change the locale of Edge thus above example is translation from Japanese announcement.
 
The test case is attached.
native-form-validation.html
437 bytes View Download

Comment 2 by tkent@chromium.org, Apr 5 2018

Components: -Blink>Forms Blink>Accessibility
Labels: Needs-Triage-M67
Labels: M-67 Target-67 FoundIn-67
Status: Untriaged (was: Unconfirmed)
Able to reproduce the issue on reported chrome version 67.0.3388.0 using Windows-10. As the issue is seen from M60(60.0.3112.0) considering it as non-regression and marking it as Untriaged.
Note: Issue is not applicable to Mac 10.12.6 and Ubuntu 14.04

Thanks!
Components: -Blink>Accessibility UI>Accessibility
Owner: dsexton@chromium.org
Status: Assigned (was: Untriaged)
Changing component since this is UI based and not rendering engine based. 

dsexton@, please take a look at this since we've been working on changes to dialogs/announcements lately. 
Labels: dialogs win-a11y
Labels: -a11y-Dialogs
Labels: -dialogs a11y-Dialogs
Labels: --a11y-Dialogs
Owner: ----
Status: Available (was: Assigned)
I can repro this on chrome 71.0.3573.0

NVDA does not announce an alert, but field is indicated as having an invalid entry.

In Firefox 62, NVDA does announce an alert on submission

Sign in to add a comment