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

          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 Source Code