Details
-
Type:
Sub-task
-
Status: CLOSED
-
Priority:
Blocker
-
Resolution: Fixed
-
Affects Version/s: 11.2
-
Component/s: Tests & Quizzes (Samigo)
-
Labels:
-
11 status:Resolved
Description
Question 3 of the Sample Quiz provides a fill in the blank question that allows users to answer the question via an input field at the end of the question text. However, the input field is not provided a valid label and does not reference the question text. As such, screen reader users will have difficulty discerning the question the input field is for.
</table>Fill in the Blank: On November 12, 1931 The Toronto Maple Leafs began playing their games in the newly built _____ with with a 2-1 loss to the Chicago Blackhawks.<input type="text" size="20" onkeypress="return noenter()" value="" name="takeAssessmentForm:j_id_jsp_1230457553_141:0:j_id_jsp_1230457553_201:2:deliverFillInTheBlank:j_id_jsp_1230457553_655:0:j_id_jsp_1230457553_660">
Developers must ensure that all form field are provided valid programmatic labels. In this case the question text is already provided right before the input field, and must be placed inside an HTML <label> element with the "for" value matching the "id" of the input field. As this input field is not currently assigned an id, the example below utilizes a fictitious "someid" value to demonstrate the correlation.
</table><label for="someid">Fill in the Blank: On November 12, 1931 The Toronto Maple Leafs began playing their games in the newly built _____ with with a 2-1 loss to the Chicago Blackhawks.</label><input id="someid" type="text" size="20" onkeypress="return noenter()" value="" name="takeAssessmentForm:j_id_jsp_1230457553_141:0:j_id_jsp_1230457553_201:2:deliverFillInTheBlank:j_id_jsp_1230457553_655:0:j_id_jsp_1230457553_660">