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

Provide a valid label for form fields

    Details

    • 19 status:
      Verified
    • 12 status:
      Verified
    • 11 status:
      Verified
    • 10 status:
      Verified
    • 2.9 Status:
      Resolved
    • Previous Issue Keys:
      A11YTEST-239

      Description

      [New Issue] - 03/13/2018Some form fields have no valid label:- The "Part" and "Question" number combo boxes (module 29)The unit ("points"), displayed at the right of some fields, is not announced by the screen reader.HTML: Question ...

      <select id="assessmentForm:parts:0:parts:0:number" name="assessmentForm:parts:0:parts:0:number" size="1" onchange="enableOrderUpdate()">        <option value="1" selected="selected">1</option>    <option value="2">2</option>    ...OR<input id="assessmentForm:parts:0:parts:0:answerptr" name="assessmentForm:parts:0:parts:0:answerptr" value="1.0" class="ConvertPoint" onkeydown="inIt()" size="6" type="text">

      pointUsers 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 for each field,- link the label to the input element with the for and id attributes,- indicates the unit ("points") into the label itself.HTML:

      <label for="assessmentForm:parts:0:parts:0:number">Question</label>...<select id="assessmentForm:parts:0:parts:0:number" name="assessmentForm:parts:0:parts:0:number" size="1" onchange="enableOrderUpdate()">        <option value="1" selected="selected">1</option>    <option value="2">2</option>    ...OR<input id="assessmentForm:parts:0:parts:0:answerptr" name="assessmentForm:parts:0:parts:0:answerptr" value="1.0" class="ConvertPoint" onkeydown="inIt()" size="6" type="text"> <label for="assessmentForm:parts:0:parts:0:answerptr">point</label>

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                kedwar1 Kendra Edwards
                Reporter:
                jonespm Matthew Jones
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Git Source Code