Unplanned
Last Updated: 29 Jun 2021 11:21 by ADMIN
Nathaniel
Created on: 26 Jan 2021 11:56
Category: Kendo UI for jQuery
Type: Feature Request
2
Add aria attributes to widgets loading animation to indicate progress to Screen Readers

This feature request concerns all Kendo widgets that have a loading indicator built in such as Kendo MultiSelect. Currently there are no aria attributes indicating progress, so users are not made aware that something is loading by the screen readers. 

One possible approach is to apply aria-busy attribute:

https://www.w3.org/TR/wai-aria-1.0/states_and_properties#aria-busy 

This is also suggested as a solution to implement for the standalone Loader component:

https://docs.telerik.com/kendo-ui/controls/interactivity/loader/accessibility/overview#wai-aria 

 

 

3 comments
ADMIN
Veselin Tsvetanov
Posted on: 29 Jun 2021 11:21

Hi Nathaniel,

Many thanks for your responsiveness. The information you will provide will help us improve the accessibility of the drop-down widgets.

Regards,
Veselin Tsvetanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Nathaniel
Posted on: 28 Jun 2021 22:28

Hi @veselin I need to review this one as I see aria-busy attributes in our code but they don't seem to be working properly, not activating when progress is occuring. I'll review this and get back to you.

ADMIN
Veselin Tsvetanov
Posted on: 28 Jun 2021 12:19

Hi Nathaniel,

The Kendo MultiSelect adds aria-busy="true" to its input element (its focused element) while loading data from a remote endpoint. I have tested such a scenario in Chrome with NVDA where I have simulated a slow network connection. The reader properly announces "busy" when loading starts. The same also applies to all other list widgets - AutoComplete, ComboBox, DropDownList. In each of those cases, the reader announces that the element is busy. Do you observe a different result? If yes, which browser and reader are you testing with?

looking forward to hearing from you.

Regards,
Veselin Tsvetanov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.