Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-38397

Provide a valid label for form fields

    Details

    • 12 status:
      Please Merge
    • Previous Issue Keys:
      A11YTEST-238

      Description

      [New Issue] - 03/13/2018

      The "Part" field has no valid labelHTML: Part 

      <select id="assessmentForm:parts:0:number" name="assessmentForm:parts:0:number" size="1" onchange="enableOrderUpdate()">    
        <option value="1" selected="selected">1</option>
      </select>

      Users of screen readers may be confused because their assistive technology may try to guess the relations between form fields and labels and fail. Developers must explicitly label form fields.Developers should:- add a label,- link the label to the input element with the for and id attributes.

      HTML:

      <label for="assessmentForm:parts:0:number">Part&nbsp;</label> 
      <select id="assessmentForm:parts:0:number" name="assessmentForm:parts:0:number" size="1" onchange="enableOrderUpdate()">    
        <option value="1" selected="selected">1</option>
      </select>

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                Assignee:
                rainribbon Tiffany Stull
                Reporter:
                jonespm Matthew Jones
                Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved:

                    Git Integration