Screen reader is not reading selected dropdown value if it is greater than 999 when we focus for the second time.

[Sowmiya]

I have a dropdown when  I choose a record (ex: 2019) initially it is reading the value. When I switch focus to next element (say button) by pressing tab key and come back to the dropdown again, the screen reader is not reading the already selected value. It is reading the value if it is a 3 digit number i.e <= 999. But its not reading value greater than 999. 

Any idea on how to resolve this?

[Yanmario]

Hi Sowmiya,

I've noticed that the question is duplicated with the private thread id: 1557902. For public knowledge, I will leave a copy of the reply in the forum as other people might have a similar question.

Kendo UI for Angular follows the main principles in terms of providing accessibility for all our components. Indeed, section 508, WCAG 2.1, and WAI-ARIA requirements are closely followed when developing the components.

https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/accessibility/

I was able to test the DropDownList component with values over 999, but the reader reads them on my side:

The example project that was tested upon with NVDA - https://stackblitz.com/edit/angular-vxjfse?file=app/app.component.ts

My recommendation is to update the DropDowns package and Kendo Theme to their latest version:

https://www.telerik.com/kendo-angular-ui/components/installation/up-to-date/

 

If further assistance is needed, please choose one of the threads to continue the conversation.

Regards,
Yanmario
Progress Telerik