Provide a valid label for form fields

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.

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:

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

Activity

Show:

Charles Hedrick August 2, 2016 at 12:37 PM

I believe this was fixed by LSNBLDR-693.

Duplicate

Details

Affects versions

Components

Assignee

Reporter

Created August 2, 2016 at 11:00 AM
Updated April 18, 2018 at 7:29 AM
Resolved August 2, 2016 at 12:37 PM