[Athen] Proposal form for AHG 2013 is up in test mode

Humbert, Joseph A johumber at iupui.edu
Fri Mar 15 05:04:38 PDT 2013


You still need text-based instructions on how to identify required fields. (e.g., Required fields are marked with an asterisk (*) before the form label and are yellow) at the top of the page.

It seems you have a warning in red at the top of the page, you might want to put the words "warning:" in the actual text and make it a heading.

We have found this CSS works across multiple browsers to hide screen reading software accessible text:

.auraltext {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;

I would remove the "row #" from the past presentation labels since they are already in a table and that information might be repeated. (e.g., date of conference 1)

These controls still have the aria:

<INPUT type="checkbox" id="infores" name="infores" value="1" aria-labelledby="TopicInfo-ariaLabel">
<INPUT type="radio" id="rad_consentaudio_no" name="consentaudio" value="0" aria-labelledby="consentaudio_no-ariaLabel">

Besides my first suggestion, the form is very accessible and the other suggestions are minor. I hope you get lots of presentations :)

- Joe

From: athen-list-bounces at mailman1.u.washington.edu [mailto:athen-list-bounces at mailman1.u.washington.edu] On Behalf Of Howard Kramer
Sent: Thursday, March 14, 2013 6:27 PM
To: Access Technology Higher Education Network
Subject: Re: [Athen] Proposal form for AHG 2013 is up in test mode

Hmm - looks like I need to check those label names again.
On Thu, Mar 14, 2013 at 4:08 PM, Howard Kramer <hkramer at ahead.org<mailto:hkramer at ahead.org>> wrote:
Hi Joe,

I addressed the issues you mentioned as indicated below, in case you or someone else wants to check the corrections.

On Thu, Mar 14, 2013 at 6:49 AM, Humbert, Joseph A <johumber at iupui.edu<mailto:johumber at iupui.edu>> wrote:
Answer: Yes you still need a label element with a fieldset/legend combination. Otherwise every form control would have the same label.

The form accessibility issues that I found are:

* You don't have instructions on how to identify required form controls for sighted users (without hovering over the form control).
Now have * and yellow field to indicate required.

* Required form controls are denoted in the title attribute. But since the form control has a label many assistive technology will not read the title unless specifically set to read it as well.
addressed via above

* Since you have the same form controls for both speakers, you have two form controls with the same label but different purposes. You should make 1st speaker and 2nd speaker legends.
I added the legend. Looks nice too!

* The "1st speaker and 2nd" speaker radio buttons target the same label so they effectively have the same label.
I didn't find this. The labels appear to be different and matching to the input id. In any case I test it with a screenreader and seems to work.

* The "length of session" radio buttons leave out whether it is general or pre conference. (e.g., length of session 1-hr)
I added some "invisible" text to the labels for each radio button indicating general or main conference. I used the font size = 0px if anyone's interested.

* The "type of presentation" radio buttons target the same label.
Maybe I fixed it earlier and forgot but seems to be coded correctly when I just looked.

* All of your "if you have not presented..." input form controls in the table point to non-existent labels. Therefore, they are all labeled by the legend and have the same label.
Added an "invisible" label for each field as per the length of session radio button labels above.

* Some of your "for" attributes do not match the "id" on the corresponding form control.
I went through and think I've corrected all of these.

* On most of your form controls you use both a label element and the aria-labelledby attribute. This may cause some assistive technology to read the label twice. I would suggest you use one or the other, preferably the label because its backwards compatible.
Removed the aria.

Other issues:

* Your skip links are not accessible to sighted keyboard-only users and will not work with webkit browsers. (http://whatisdamon.com/blog/2012/01/why-your-skip-to-content-link-might-not-work/)
Have not fixed this one yet.

* Some of your "id" attributes are not valid because they start with numbers (e.g., 1hour-ariaLabel). (http://www.w3.org/TR/html4/types.html#type-name)
Corrected this.

Joe Humbert, Adaptive Technology and Accessibility Specialist
UITS Adaptive Technology and Accessibility Centers
Indiana University, Indianapolis and Bloomington
535 W Michigan St. IT214 E
Indianapolis, IN 46202
Office Phone: (317) 274-4378<tel:%28317%29%20274-4378>
Cell Phone: (317) 644-6824<tel:%28317%29%20644-6824>
johumber at iupui.edu<mailto:johumber at iupui.edu>

From: athen-list-bounces at mailman1.u.washington.edu<mailto:athen-list-bounces at mailman1.u.washington.edu> [mailto:athen-list-bounces at mailman1.u.washington.edu<mailto:athen-list-bounces at mailman1.u.washington.edu>] On Behalf Of Howard Kramer
Sent: Thursday, March 14, 2013 12:40 AM
To: Access Technology Higher Education Network
Subject: [Athen] Proposal form for AHG 2013 is up in test mode

Hello All:

The form is up at: http://accessinghigherground.org/wp/proposalform.php if anyone would like to try it out. You can submit real proposals. I don't want to advertise it to a larger audience until it's tested a bit.

The form seems very accessible in my tests with JAWs with Firefox but JAWS with IE does not read the form controls correctly. Testing with achecker returns errors with missing labels even where I have labels.

Question: with a legend tag are you still required to have a label tag.

Any feedback is welcome.


Howard Kramer
Promoting the Integration of Universal Design into University Curricula (UDUC)
Lecturer, Cont. Ed - Evening & Cred Admin
cell: 720-351-8668<tel:720-351-8668>

athen-list mailing list
athen-list at mailman1.u.washington.edu<mailto:athen-list at mailman1.u.washington.edu>

Howard Kramer
Conference Coordinator
Accessing Higher Ground
cell: 720-351-8668<tel:720-351-8668>

AHEAD Association of Higher Education and Disability

Howard Kramer
Conference Coordinator
Accessing Higher Ground
cell: 720-351-8668

AHEAD Association of Higher Education and Disability

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mailman12.u.washington.edu/pipermail/athen-list/attachments/20130315/2fe617c4/attachment.html>

More information about the athen-list mailing list