[Athen] Proposal form for AHG 2013 is up in test mode
Howard Kramer
hkramer at ahead.org
Fri Mar 15 07:41:33 PDT 2013
Thanks Joe.
BTW - on the first item, the instructions are presented after login. I'll
address the other issues.
-Howard
On Fri, Mar 15, 2013 at 6:04 AM, Humbert, Joseph A <johumber at iupui.edu>wrote:
> Howard,****
>
> ** **
>
> 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 J****
>
> ** **
>
> - 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> wrote:*
> ***
>
> Hi Joe,****
>
> ** **
>
> I addressed the issues you mentioned as indicated below, in case you or
> someone else wants to check the corrections.****
>
> ** **
>
> Thanks,****
>
> Howard****
>
> On Thu, Mar 14, 2013 at 6:49 AM, Humbert, Joseph A <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****
>
> Cell Phone: (317) 644-6824****
>
> johumber at iupui.edu****
>
> http://iuadapts.Indiana.edu/ <http://iuadapts.indiana.edu/>****
>
> ****
>
> *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 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.phpif 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.****
>
> ****
>
> Thanks,****
>
> Howard
> ****
>
> ****
>
> -- ****
>
> Howard Kramer****
>
> CO-PI - UDUC****
>
> *Promoting the Integration of Universal Design into University Curricula
> (UDUC)*****
>
> Lecturer, Cont. Ed - Evening & Cred Admin****
>
> 303-492-8672****
>
> cell: 720-351-8668****
>
> ****
>
> ** **
>
> _______________________________________________
> athen-list mailing list
> athen-list at mailman1.u.washington.edu
> http://mailman1.u.washington.edu/mailman/listinfo/athen-list****
>
>
>
> ****
>
> ** **
>
> -- ****
>
> Howard Kramer****
>
> Conference Coordinator****
>
> Accessing Higher Ground****
>
> 303-492-8672****
>
> cell: 720-351-8668****
>
> ** **
>
> AHEAD Association of Higher Education and Disability****
>
> ** **
>
>
>
> ****
>
> ** **
>
> -- ****
>
> Howard Kramer****
>
> Conference Coordinator****
>
> Accessing Higher Ground****
>
> 303-492-8672****
>
> cell: 720-351-8668****
>
> ** **
>
> AHEAD Association of Higher Education and Disability****
>
> ** **
>
> _______________________________________________
> athen-list mailing list
> athen-list at mailman1.u.washington.edu
> http://mailman1.u.washington.edu/mailman/listinfo/athen-list
>
>
--
Howard Kramer
Conference Coordinator
Accessing Higher Ground
303-492-8672
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/e86eaae6/attachment.html>
More information about the athen-list
mailing list