moderated Re: jaws and internet input fields.
toggle quoted messageShow quoted text
I was just on the TeraByte web site ordering the image backup software. When I got to the page to fill in name, address, etc, It says the field name, first name, and it didn’t say invalid or required. I copied the code and pasted it below.
class="dr_label "><span class="dr_required_field">* </span>First Name:</label><div class="input-group"><input class="form-control" type="text" id="bill_address_first_name" name="bill_address_first_name" value="" size="40" maxlength="100" style="border-right:0"/><span id="js_status_addon_bill_address_first_name" class="input-group-addon dr_status_addon"><span id="js_bill_address_first_name_status_valid" class="hide"> <span class="glyphicon glyphicon-ok text-success"></span> </span><span id="js_bill_address_first_name_status_invalid" class="hide"> <span class="glyphicon glyphicon-remove text-danger"></span> </span><span id="js_bill_address_first_name_status_none"> <span class="glyphicon glyphicon-none"></span> </span></span></div><div class="dr_field_error"><span id="js_error_bill_address_first_name" class="hide">The first name entered is not valid.</span></div></div><div class="col-md-6 column form-group"><label
From: firstname.lastname@example.org <email@example.com> On Behalf Of Patrick Murphy
Sent: Wednesday, May 27, 2020 8:53 AM
Subject: Re: jaws and internet input fields.
You can go to https://kinsellahomeimprovements.ie
From here select the https://kinsellahomeimprovements.ie/ContactUs.php link.
Now you will be presented with a form.
It will ask for name, email, phone, query and a random number.
You can find the random number displayed on the label just above the input field.
Enter this, and click the “ask us” button if you want to submit the form.
However, there is no need to submit it to see what I am talking about.
When the form is presented, if you press “e” it will take you to the first edit box.
Here you will hear “enter full name invalid entry”.
Jaws is reporting that the entry in the field is invalid, and quite rightly so, as it is currently empty.
The large text area box for the query does not even report its own label.
The random number box does not report its label either, but this is because it is being generated when the page is loaded.
That problem is for another day!!
However, this can be unhelpful for the user.
I have tried having a default in the name/email/phone number fields, but this would allow the user to submit rubbish as it is then not required because it already has a value.
I have done some research, and it suggests, that this has been happening since jaws 2013.
It is not just jaws, people have reported the same thing using nvda and window eyes.
However, it also suggests, that chrome based browsers have something to do with it.
It does not seem to be as prevalent in browsers such as firefox or internet explorer.
I am not speaking for myself here, this is just what I can find out on the internet.
It seems to be the “required” attribute on html5 that is causing it.
The aria-required attribute does not fix it either.
Perhaps, I am too close to this, as I am developing it.
“can’t see the wood for the trees”!!!.
Anyway, if you see something, please let me know, even if it is not relevant here.
I may have overlooked further accessibility features.
Don’t worry if something breaks, I am still developing it.
What is the url for your web site?
This is to do with jaws 2018/2020.
The field i have to input on the web site is a “required” field.
When focus is on it, the message that jaws reports is “required invalid entry”.
This happens the first time you set focus to it, because there is nothing in it.
Once you input something, it works fine in that it does not tell you that it is required, or invalid entry because there is something in it.
If you take the text out of it, it defaults back to “required invalid entry”.
There is no problem with this if someone without a screen reader is using the site, but from an accessibility point of view, its not good.
I am developing this site myself. So far, i have found no accessible route around this, despite looking up the various accessibility guide lines (wcag2) etc.
Am i missing something?
Is anyone a programmer out there that has found an accessible work around for this?
Just for your information, the web site is written using html and php. On this particular page, there is no java script.
The fields are always blank when the page is presented to the user.