WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: math captcha (Drupal module)

for

Number of posts in this thread: 6 (In chronological order)

From: Dona Patrick
Date: Mon, Aug 04 2014 8:08AM
Subject: math captcha (Drupal module)
No previous message | Next message →

I'm evaluating a website for accessibility. This site has a math captcha in
which the math question is not read while in forms mode by JAWS or NVDA.
The user can use the up arrow key to hear the question, but it is not read
when tabbing into the form field.

It is very similar to the captcha on this page:
http://www.pathstoliteracy.org/technology/typeability-keyboard-instruction-software-jaws-and-magic
Where, while tabbing into the captcha form field both JAWS and NVDA read
"Captcha math question star edit. Type in text."

My gut says that this is an accessibility problem but I wanted to check
with the experts before adding it to my report. Do screen reader users just
know that if something seems to be missing from a form field to use arrow
keys to find it or is this a true accessibility issue?

Thanks,

Dona

From: lists@srinivasu.org
Date: Mon, Aug 04 2014 8:31AM
Subject: Re: math captcha (Drupal module)
← Previous message | Next message →

This is certainly an accessibility issue. As it's part of a form, it should be usable by tabbing while forms mode is ON. I think they can leverage on <fieldset> or so.

Regards,
Srinivasu Chakravarthula | PayPal | @csrinivasu
Sent from my iPhone 5C

> On 04-Aug-2014, at 19:38, Dona Patrick < = EMAIL ADDRESS REMOVED = > wrote:
>
> I'm evaluating a website for accessibility. This site has a math captcha in
> which the math question is not read while in forms mode by JAWS or NVDA.
> The user can use the up arrow key to hear the question, but it is not read
> when tabbing into the form field.
>
> It is very similar to the captcha on this page:
> http://www.pathstoliteracy.org/technology/typeability-keyboard-instruction-software-jaws-and-magic
> Where, while tabbing into the captcha form field both JAWS and NVDA read
> "Captcha math question star edit. Type in text."
>
> My gut says that this is an accessibility problem but I wanted to check
> with the experts before adding it to my report. Do screen reader users just
> know that if something seems to be missing from a form field to use arrow
> keys to find it or is this a true accessibility issue?
>
> Thanks,
>
> Dona
> > >

From: Jim Allan
Date: Mon, Aug 04 2014 2:15PM
Subject: Re: math captcha (Drupal module)
← Previous message | Next message →

The problem should be within the e.g. <label for="captcha-answer">Solve the
math problem 6+6</label>
then it will be spoken and associated with the input control.


On Mon, Aug 4, 2014 at 9:08 AM, Dona Patrick < = EMAIL ADDRESS REMOVED = > wrote:

> I'm evaluating a website for accessibility. This site has a math captcha in
> which the math question is not read while in forms mode by JAWS or NVDA.
> The user can use the up arrow key to hear the question, but it is not read
> when tabbing into the form field.
>
> It is very similar to the captcha on this page:
>
> http://www.pathstoliteracy.org/technology/typeability-keyboard-instruction-software-jaws-and-magic
> Where, while tabbing into the captcha form field both JAWS and NVDA read
> "Captcha math question star edit. Type in text."
>
> My gut says that this is an accessibility problem but I wanted to check
> with the experts before adding it to my report. Do screen reader users just
> know that if something seems to be missing from a form field to use arrow
> keys to find it or is this a true accessibility issue?
>
> Thanks,
>
> Dona
> > > >



--
Jim Allan, Accessibility Coordinator & Webmaster
Texas School for the Blind and Visually Impaired
1100 W. 45th St., Austin, Texas 78756
voice 512.206.9315 fax: 512.206.9264 http://www.tsbvi.edu/
"We shape our tools and thereafter our tools shape us." McLuhan, 1964

From: Sailesh Panchang
Date: Tue, Aug 05 2014 8:02AM
Subject: Re: math captcha (Drupal module)
← Previous message | Next message →

Couple of points to note:
Only the text Math Question and the asterisk for required field is
within the LABEL tag... not the actual question. (also noted by Jim)
So include the actual question within the LABEL tag.
Use aria-required="true" on the INPUT control and drop the title
attribute on LABEL.
The explanatory text outside the LEGEND tag is not read unless one
arrows up/down. So include it within the LEGEND or use
aria-describedby to associate that text ... but a whole lot of
descriptive text will cause a usability issue.
Sailesh

On 8/4/14, Jim Allan < = EMAIL ADDRESS REMOVED = > wrote:
> The problem should be within the e.g. <label for="captcha-answer">Solve the
> math problem 6+6</label>
> then it will be spoken and associated with the input control.
>
>
> On Mon, Aug 4, 2014 at 9:08 AM, Dona Patrick < = EMAIL ADDRESS REMOVED = > wrote:
>
>> I'm evaluating a website for accessibility. This site has a math captcha
>> in
>> which the math question is not read while in forms mode by JAWS or NVDA.
>> The user can use the up arrow key to hear the question, but it is not read
>> when tabbing into the form field.
>>
>> It is very similar to the captcha on this page:
>>
>> http://www.pathstoliteracy.org/technology/typeability-keyboard-instruction-software-jaws-and-magic
>> Where, while tabbing into the captcha form field both JAWS and NVDA read
>> "Captcha math question star edit. Type in text."
>>
>> My gut says that this is an accessibility problem but I wanted to check
>> with the experts before adding it to my report. Do screen reader users
>> just
>> know that if something seems to be missing from a form field to use arrow
>> keys to find it or is this a true accessibility issue?
>>
>> Thanks,
>>
>> Dona
>> >> >> >>
>
>
>
> --
> Jim Allan, Accessibility Coordinator & Webmaster
> Texas School for the Blind and Visually Impaired
> 1100 W. 45th St., Austin, Texas 78756
> voice 512.206.9315 fax: 512.206.9264 http://www.tsbvi.edu/
> "We shape our tools and thereafter our tools shape us." McLuhan, 1964
> > > >

From: Stanzel, Susan - FSA, Kansas City, MO
Date: Tue, Aug 05 2014 8:25AM
Subject: Re: math captcha (Drupal module)
← Previous message | Next message →

Good morning Listers,

What would be the correct coding for this math problem?

Susie Stanzel

-----Original Message-----
From: = EMAIL ADDRESS REMOVED = [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Sailesh Panchang
Sent: Tuesday, August 05, 2014 9:03 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] math captcha (Drupal module)

Couple of points to note:
Only the text Math Question and the asterisk for required field is within the LABEL tag... not the actual question. (also noted by Jim) So include the actual question within the LABEL tag.
Use aria-required="true" on the INPUT control and drop the title attribute on LABEL.
The explanatory text outside the LEGEND tag is not read unless one arrows up/down. So include it within the LEGEND or use aria-describedby to associate that text ... but a whole lot of descriptive text will cause a usability issue.
Sailesh

On 8/4/14, Jim Allan < = EMAIL ADDRESS REMOVED = > wrote:
> The problem should be within the e.g. <label
> for="captcha-answer">Solve the math problem 6+6</label> then it will
> be spoken and associated with the input control.
>
>
> On Mon, Aug 4, 2014 at 9:08 AM, Dona Patrick < = EMAIL ADDRESS REMOVED = > wrote:
>
>> I'm evaluating a website for accessibility. This site has a math
>> captcha in which the math question is not read while in forms mode by
>> JAWS or NVDA.
>> The user can use the up arrow key to hear the question, but it is not
>> read when tabbing into the form field.
>>
>> It is very similar to the captcha on this page:
>>
>> http://www.pathstoliteracy.org/technology/typeability-keyboard-instru
>> ction-software-jaws-and-magic Where, while tabbing into the captcha
>> form field both JAWS and NVDA read "Captcha math question star edit.
>> Type in text."
>>
>> My gut says that this is an accessibility problem but I wanted to
>> check with the experts before adding it to my report. Do screen
>> reader users just know that if something seems to be missing from a
>> form field to use arrow keys to find it or is this a true
>> accessibility issue?
>>
>> Thanks,
>>
>> Dona
>> >> >> list messages to = EMAIL ADDRESS REMOVED =
>>
>
>
>
> --
> Jim Allan, Accessibility Coordinator & Webmaster Texas School for the
> Blind and Visually Impaired
> 1100 W. 45th St., Austin, Texas 78756
> voice 512.206.9315 fax: 512.206.9264 http://www.tsbvi.edu/
> "We shape our tools and thereafter our tools shape us." McLuhan, 1964
> > > list messages to = EMAIL ADDRESS REMOVED =
>
This electronic message contains information generated by the USDA solely for the intended recipients. Any unauthorized interception of this message or the use or disclosure of the information it contains may violate the law and subject the violator to civil or criminal penalties. If you believe you have received this message in error, please notify the sender and delete the email immediately.

From: Dona Patrick
Date: Tue, Aug 05 2014 1:09PM
Subject: Re: math captcha (Drupal module)
← Previous message | No next message

Thank you all for your feedback. I was pretty sure it was an accessibility
issue. I believe the math question is created on-the-fly with JavaScript or
something (not my area of expertise) so I wonder how that can be placed
inside the <label> tag.

Interestingly, I contacted the individual on whose site I found the example
(not the site I tested for work) and he said it was not a problem for
screen reader users. That they would know to use their arrow keys to find
other information. I am going to have him take a look at this thread.

Dona


On Tue, Aug 5, 2014 at 10:25 AM, Stanzel, Susan - FSA, Kansas City, MO <
= EMAIL ADDRESS REMOVED = > wrote:

> Good morning Listers,
>
> What would be the correct coding for this math problem?
>
> Susie Stanzel
>
> -----Original Message-----
> From: = EMAIL ADDRESS REMOVED = [mailto:
> = EMAIL ADDRESS REMOVED = ] On Behalf Of Sailesh Panchang
> Sent: Tuesday, August 05, 2014 9:03 AM
> To: WebAIM Discussion List
> Subject: Re: [WebAIM] math captcha (Drupal module)
>
> Couple of points to note:
> Only the text Math Question and the asterisk for required field is within
> the LABEL tag... not the actual question. (also noted by Jim) So include
> the actual question within the LABEL tag.
> Use aria-required="true" on the INPUT control and drop the title attribute
> on LABEL.
> The explanatory text outside the LEGEND tag is not read unless one
> arrows up/down. So include it within the LEGEND or use aria-describedby to
> associate that text ... but a whole lot of descriptive text will cause a
> usability issue.
> Sailesh
>
> On 8/4/14, Jim Allan < = EMAIL ADDRESS REMOVED = > wrote:
> > The problem should be within the e.g. <label
> > for="captcha-answer">Solve the math problem 6+6</label> then it will
> > be spoken and associated with the input control.
> >
> >
> > On Mon, Aug 4, 2014 at 9:08 AM, Dona Patrick < = EMAIL ADDRESS REMOVED = > wrote:
> >
> >> I'm evaluating a website for accessibility. This site has a math
> >> captcha in which the math question is not read while in forms mode by
> >> JAWS or NVDA.
> >> The user can use the up arrow key to hear the question, but it is not
> >> read when tabbing into the form field.
> >>
> >> It is very similar to the captcha on this page:
> >>
> >> http://www.pathstoliteracy.org/technology/typeability-keyboard-instru
> >> ction-software-jaws-and-magic Where, while tabbing into the captcha
> >> form field both JAWS and NVDA read "Captcha math question star edit.
> >> Type in text."
> >>
> >> My gut says that this is an accessibility problem but I wanted to
> >> check with the experts before adding it to my report. Do screen
> >> reader users just know that if something seems to be missing from a
> >> form field to use arrow keys to find it or is this a true
> >> accessibility issue?
> >>
> >> Thanks,
> >>
> >> Dona
> >> > >> > >> list messages to = EMAIL ADDRESS REMOVED =
> >>
> >
> >
> >
> > --
> > Jim Allan, Accessibility Coordinator & Webmaster Texas School for the
> > Blind and Visually Impaired
> > 1100 W. 45th St., Austin, Texas 78756
> > voice 512.206.9315 fax: 512.206.9264 http://www.tsbvi.edu/
> > "We shape our tools and thereafter our tools shape us." McLuhan, 1964
> > > > > > list messages to = EMAIL ADDRESS REMOVED =
> >
> > > messages to = EMAIL ADDRESS REMOVED =
>
>
>
>
> This electronic message contains information generated by the USDA solely
> for the intended recipients. Any unauthorized interception of this message
> or the use or disclosure of the information it contains may violate the law
> and subject the violator to civil or criminal penalties. If you believe you
> have received this message in error, please notify the sender and delete
> the email immediately.
> > > >