WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Section 508 - Form Field Label

for

From: Jason Megginson
Date: Nov 12, 2010 8:15AM

JAWS will not render the "title" attribute applied to DIVs. Direct voice
access to the checkbox with Dragon box will not be possible either.

The explicit markup provides a number of functional hooks to allow users
of screen readers and users with limited mobility optimal access to the
checkbox. Dragon users would be able to simply voice the checkbox label
to check and uncheck the control.

When an explicit label is applied to checkboxes and radio buttons,
browsers allow the label itself to be "clicked" which checks (selects) a
radio button and checkbox. This allows a larger clickable area for users
rather than having to merely click the radio button or checkbox.

This is also a good (quick) test to see if labels are structured
accurately.

Jason Megginson
SSB BART Group
(O):703-637-8964
(C):703-244-7755



-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of
<EMAIL REMOVED>
Sent: Friday, November 12, 2010 10:06 AM
To: <EMAIL REMOVED>
Subject: Re: [WebAIM] Section 508 - Form Field Label

No,

"CBP" needs to be contained in a label element that is programmatically
bound to the input.

<input type="checkbox" id="ch1a" name="whatever" class=...>
<label for="ch1a">CPB</label>

Nothing in the title of the div provides any semantic meaning to the AT. I
am not even aware of any screen reader AT that will read the titles in
divs.

Mike Moore


-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of Barry Johnson
Sent: Friday, November 12, 2010 8:59 AM
To: <EMAIL REMOVED>
Subject: [WebAIM] Section 508 - Form Field Label

Below is (simplified) code where TITLE is an attribute of a DIV that
contains a form field. Is this an acceptable way to label a form field
for
Section 508 Compliance?



<div *title='CBP'>*

*<input type='checkbox' igchk='1' class='igt_align'>*<span igtxt='1'
class="
">CBP</span></div>