E-mail List Archives

Re: required field not being announced in Firefox/NVDA

for

From: Greg Gamble
Date: Oct 13, 2017 10:14AM


We found a way for FF to announce a custom error message. We added the following attributes to the text fields.

HTML5
oninvalid="setCustomValidity('Username required')"
oninput="setCustomValidity('')"

This will give an error message that says ''Username required'' when we have an input field with required, and no value entered.

Greg Gamble
p - 360-704-4376


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Angela French
Sent: Thursday, October 12, 2017 5:01 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] required field not being announced in Firefox/NVDA

I have tried the following and none of them read the label of the required field after alerting the user to please fill in the require field.
aria-required="true"
required
required=""
required="true"

I give up.

Angela


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of JP Jamous
Sent: Thursday, October 12, 2017 12:03 PM
To: 'WebAIM Discussion List' < <EMAIL REMOVED> >
Subject: Re: [WebAIM] required field not being announced in Firefox/NVDA

Semantically, it should be required="true". Required is the short-hand writing for it and browsers are forgiving as we know them.

Personally, I prefer required="true". Each HTML attribute has a value. Why do this one differently.

Did you try to use aria-required="true" to see if NVDA would respond differently?

Just keep in mind that NVDA was not created to function with either IE or edge. So having it fail with those 2 does not come as a surprise to me. In fact, I would consider it normal behavior.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Angela French
Sent: Thursday, October 12, 2017 1:18 PM
To: WebAim Forum ( <EMAIL REMOVED> ) < <EMAIL REMOVED> >
Subject: [WebAIM] required field not being announced in Firefox/NVDA

We are using the html required element (required="true") to indicate required fields. The problem when testing with NVDA is that focus goes to the required field but doesn't read the form label so the screen reader user doesn't know which required field they missed. The only way to find out, it seems, is to go back an element in the form and then forward again so the label will be read. Is this a bug, or are we doing something wrong? It works fine in Chrome. We've given up on IE or Edge with NVDA,

Thank you

Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges
360-704-4316
<EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
www.sbctc.edu<;http://www.sbctc.edu/>;