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

Provide a valid label for form fields

    XMLWordPrintable

    Details

    • Previous Issue Keys:
      LSNBLDR-707

      Description

      The Sakai Project or Component this issue was associated with is: LessonsThe page features a text edit screen that provides instructors with the ability to add text to the currently selected Lesson. Beneath the text editor a checkbox is implemented with a visual label of "Don't Release Item Until All Prerequisites are Completed". However, the checkbox is not provided this programmatic label and therefore screen reader users will have difficulty determining the purpose of the control.

      <div><input type="checkbox" value="true" id="question-prerequisite" name="question-prerequisite"><input type="hidden" value="iboolean#{simplePageBean.prerequisite}false" name="question-prerequisite-fossil"><span>Don't Release Item Until All Prerequisites are Completed</span></div>

      Developers must ensure that all form fields are provided proper programmatic labels. In this case the visual label of "Don't Release Item Until All Prerequisites are Completed" must be associated programmatically with the checkbox as well. This can be achieved by utilizing the HTML <label> attribute, and ensuring that the "for" value matches the "id" of the checkbox. The following code is provided as an example of this remediation:

      <div><input type="checkbox" value="true" id="question-prerequisite" name="question-prerequisite"><input type="hidden" value="iboolean#{simplePageBean.prerequisite}false" name="question-prerequisite-fossil"><label for="question-prerequisite">Don't Release Item Until All Prerequisites are Completed</label></div>

      http://qa03-sakai.marist.edu:8080/portal/site/e72d72d4-f582-4dce-8261-6b923060787c/tool/002524d7-0482-4895-909e-10bc2aee3ca7/EditPage?returnView=&studentItemId=0&backPath=&errorMessage=&clearAttr=&source=&title=&sendingPage=159&newTopLevel=false&postedComment=false&itemId=-1&addBefore=811&path=&addTool=-1&recheck=&id=#Abab295049c255ee2aea9eabdec9bcd0-HTML

        Gliffy Diagrams

          Attachments

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                mclare Matt Clare
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Git Source Code