Time Picker accessibility issues

[madhavonebcg]

Type of report

Hi team,
We are using jquery-timepicker v1.11.15 in our web application as a time picker. We are compliant with HTML5 standards and guidelines and also providing Accessibility support to our clients in all the projects. There some issues raised by the clients regarding the accessibility. If these issues are fixed then they can enhance the overall experience for visually impaired users. So as a loyal and responsible user of jquery-timepicker, we are requesting the devs at jquery-timepicker to add these issues as soon as possible and when we can expect these issues to be fixed and even these issues are in the roadmap for development as these issues are becoming the bottleneck the project delivery.

Issues needed to be fixed

1. Expected result - the list of times available should start from the highlighted time closest to the actual time showing in the box and should continue in a logical order when using the down arrow.
   Actual Result: When arrowing down the highlighted list of times, the times are not in a logical order. It initially highlights the closest time to the actual time showing in the box. When continuing to arrow down, focus first moves away from the list of times, and then jumps to the 12 AM timeframe and begins announcing those times instead. When continuing to arrow down the list from the 12 AM range, some of the times being announced are not visible on the screen.

2. Expected Result: When the user expands the “time wizard” for selecting a time, focus will remain inside the “time wizard” as well unless the user dismisses the “time wizard”. There exists a way for the user to dismiss the “time wizard” without needing to select a time each time the “time wizard” is activated.
   Actual Result: The user can exit the time wizard while it remains open. Other than selecting a time from the “time wizard”, the user does not have a way to quickly bypass the contents of it or to close the “time wizard” without picking a time.

Other details

• Browser: All major browsers
• OS: Windows, macOS, Android, and iOS
• jquery-timepicker: jquery-timepicker v1.11.15
• Screen readers: NVDA, JAWS, Talkback, VoiceOver (macOS and iOS)