Issues

 
5 of 5

Profile: Provide a valid label for form fields

Fixed

Description

[New] - 3/13/2018

[Issue]

The Calendar buttons have no valid label.The screen reader announces: "Unlabeled 2 button on mouse over".

[User Impact]Users of screen readers may miss the purpose of these buttons.

[Code]

HTML:

<button type="button" class="ui-datepicker-trigger"> <span class="fa fa-calendar" aria-hidden="true"></span> </button>

[Expected behavior]

Developers must explicitly label form fields.Developers should add an aria-label property.

[Compliant code]

HTML:

<button type="button" class="ui-datepicker-trigger" aria-label="Start Time: open calendar"> <span class="fa fa-calendar" aria-hidden="true"></span> </button>

Details

Priority

Affects versions

Components

Assignee

Reporter

Labels

Created April 19, 2018 at 7:35 AM
Updated September 16, 2024 at 9:28 PM
Resolved September 10, 2024 at 9:32 PM

Activity

Mark GolbeckSeptember 10, 2024 at 9:32 PM

We're closing this Jira issue for now. We can reopen it, if need be. Thank you.

Mark GolbeckSeptember 10, 2024 at 9:32 PM

Ill close it then. thank you .

Chris KnappSeptember 9, 2024 at 8:31 PM

I believe this issue was fixed/resolved in 22.x and newer versions with the work completed on the Date Picker/Calendar Widget (date picker-trigger) as part of SAK-41260 and https://sakaiproject.atlassian.net/browse/SAK-49044 so this issue could probably be closed??

Mark GolbeckSeptember 5, 2024 at 9:14 PM

is this still a problem in current versions of Sakai?

Sam OttenhoffJune 20, 2018 at 9:36 AM

It seems like we want aria-hidden=true on the button and not just the span?

We want a screen-reader user to input the date/time directly into the input box. So we don't want this calendar icon to be focusable, right?