Select element on login page does not have an accessible name

Bug #1839359 reported by Tiffany Little
10
This bug affects 2 people
Affects Status Importance Assigned to Milestone
Evergreen
Fix Released
Medium
Unassigned
3.3
Fix Released
Medium
Unassigned

Bug Description

The select element on the login page does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelled by undefined.

<select class="form-control ng-pristine ng-untouched ng-valid ng-not-empty" ng-model="args.workstation" ng-options="ws for ws in workstations"><option label="BR1-accessga" va...</select>

Here is an example of an accessible select menu:
"Here is an example of an accessible select menu:
<label for=""favcity"">Choose your favorite city?</label>
<select id=""favcity"" name=""select"">
<option value=""1"">Amsterdam</option>
<option value=""2"">Buenos Aires</option>
<option value=""3"">Delhi</option>
<option value=""4"">Hong Kong</option>
<option value=""5"">London</option>
<option value=""6"">Los Angeles</option>
<option value=""7"">Moscow</option>
<option value=""8"">Mumbai</option>
<option value=""9"">New York</option>
<option value=""10"">Sao Paulo</option>
<option value=""11"">Tokyo</option>
</select>"

See: https://www.w3.org/WAI/WCAG21/quickref/?showtechniques=311%2C412#name-role-value

See also: https://wiki.evergreen-ils.org/doku.php?id=accessibility:webclient_audit

tags: added: webstaffclient
Meg Stroup (mstroup)
Changed in evergreen:
status: New → Confirmed
Revision history for this message
Terran McCanna (tmccanna) wrote :
tags: added: pullrequest
Revision history for this message
Jane Sandberg (sandbergja) wrote :

Thanks very much, Terran, Tiffany, and Meg. I've pushed this to master, rel_3_4, and rel_3_3.

Changed in evergreen:
milestone: none → 3.4.3
tags: added: signedoff
Changed in evergreen:
status: Confirmed → Fix Committed
importance: Undecided → Medium
Changed in evergreen:
status: Fix Committed → Fix Released
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.