[wp-trac] Re: [WordPress Trac] #9445: All Input Tags are not Section 508 Compliance

[WordPress Trac]

#9445: All Input Tags are not Section 508 Compliance
----------------------------+-----------------------------------------------
 Reporter:  dmo7            |        Owner:  anonymous
     Type:  task (blessed)  |       Status:  reopened 
 Priority:  normal          |    Milestone:  2.8      
Component:  Accessibility   |      Version:  2.7      
 Severity:  normal          |   Resolution:           
 Keywords:  has-patch 508   |  
----------------------------+-----------------------------------------------

Comment(by Elpie):

 From WCAG 2.0: H44: Using label elements to associate text labels with
 form controls
 http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/H44#H44-description


 The objective of this technique is to use the label element to explicitly
 associate a form control with a label. A label is attached to a specific
 form control through the use of the for attribute. The value of the for
 attribute must be the same as the value of the id attribute of the form
 control.

 The id attribute may have the same value as the name attribute, but both
 must be provided, and the id must be unique in the Web page.

 This technique is sufficient for Success Criteria 1.1.1, 1.3.1 and 4.1.2
 whether or not the label element is visible. That is, it may be hidden
 using CSS. However, for Success Criterion 3.3.2, the label element must be
 visible since it provides assistance to all users who need help
 understanding the purpose of the field.

 Note that the label is positioned after input elements of type="checkbox"
 and type="radio".

 Note 1: Elements that use explicitly associated labels are:
     *  input type="text"
     *  input type="checkbox"
     *  input type="radio"
     *  input type="file"
     *  input type="password"
     *  textarea
     *  select

 Note 2: The label element is not used for the following because labels for
 these elements are provided via the value attribute (for Submit and Reset
 buttons), the alt attribute (for image buttons), or element content itself
 (button).

     *  Submit and Reset buttons (input type="submit" or input
 type="reset")
     *  Image buttons (input type="image")
     *  Hidden input fields (input type="hidden")
     *  Script buttons (button elements or <input type="button">)

 Hope this helps.

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/9445#comment:20>
WordPress Trac <http://trac.wordpress.org/>
WordPress blogging software