Accessibility Compliance
DDoe
QRC application, unfortuantely, the generator interface found at
http://zxing.appspot.com/generator/ does not meet state accessibility
standards (similar to the Federal Section 508 standards for person
with disabilities).
I don't believe that this would be a huge thing to fix because the
only apparent issues is the lack of labels for the form fields. If you
could simply add code that would associate the labels with the fields,
you make this tools something that our state webmanagers could use.
Essentially, what this does is not only associated the labels with the
fields, but also makes the labels clickable in order to move focus to
the field (much like the labels in this new discussion online form
work).
Any assistance you can provide in making this fix would be greatly
appreciated.
Thanks in advance,
Douglas Doe
Oklahoma Office of State Finance
Sean Owen
Doug Doe
Doug
Douglas Doe
Office of State Finance
Doug Doe
Sean,
I am not that familiar with GWT, but I know enough HTML to make this work.
How can I get more info on GWT in order to help you fix this?
Douglas Doe
State of Oklahoma
Office of State Finance
3115 N. Lincoln Blvd.
Oklahoma City, OK 73105
Work - (405) 522-3963
Cell - (405) 570-9440
From: zx...@googlegroups.com [mailto:zx...@googlegroups.com] On Behalf Of Sean Owen
Sent: Thursday, August 11, 2011 1:22 AM
To: zx...@googlegroups.com
Subject: Re: Accessibility Compliance
That's great, can you make a patch? I don't know how labels work, especially in GWT.
Sean Owen
Doug Doe
Sean,
Not sure if this will help, but I wanted to send this your way. It is HTML code of how I’d make this accessibility compliant. I wasn’t sure in what language this application is coded, so rather than try to guess (and probably guess wrong), I did it this way.
Let me know if you have any questions….
There are 3 pieces that need to be addressed from an accessibility standpoint:
1. Natural language of the content on the page:
This is the HTML code that will assign the natural language of the page:
<html xml:lang="en" lang="en">
2. Association of labels with the form fields:
This is the code that will relate a form field label with the field:
<label>Name</label><input type="text" name="name" size="130"/>
You would need to do this for each of the labels for each of the fields.
3: Better identification of required fields in advance of user attempting to submit the form. Yes, this is currently done, but those of the population who are colorblind or blind, they will not be able to see the red mark at the front end of the form field. The way we normally do this is to insert an "*" at the front of the required field labels and then put text at the start of the form indicating denotes a required field. It would look something like this:
<p>* denotes required fields
*<label>Name</label><input type="text" name="name" size="130"/>
Douglas Doe
State of Oklahoma
Office of State Finance
3115 N. Lincoln Blvd.
Oklahoma City, OK 73105
Work - (405) 522-3963
Cell - (405) 570-9440