Need More Info
Last Updated: 15 Oct 2024 12:48 by ADMIN
Thambu
Created on: 02 Oct 2024 09:19
Category: Calendar
Type: Bug Report
0
Kendo Angular Calendar does not announce selected in mac voiceover when we click on a cell in Calendar table
I could not find an article which says aria-selected is supported for a table tr td structure. Is this supposed work in mac voiceover at all? if possible point me to corresponding resources in the net.
3 comments
ADMIN
Georgi
Posted on: 15 Oct 2024 12:48

Hello Thambu,

Thank you very much for the clarifications provided.

My name is Georgi, another member of the Kendo UI for Angular team, and I will be handling this case today since Martin is currently out of the office.

I have thoroughly examined the information that Martin has provided so far, and I can confirm that all the details are valid.

I have also tested the Calendar component with the VoiceOver screen reader and indeed noticed that the selected word is not being announced by the tool for selected dates.

Upon further investigation of the WAI-ARIA documentation, I found the following article, which states that the expected behavior of the date picker elements and the screen readers is just to announce the date:

I also found the following discussion regarding the aria-selected attribute and the VoiceOver screen reader, which seems to describe a similar unexpected behavior:

Having that in mind, it seems that the behavior of the Calendar component is rather in accordance with the expectations, and it seems that any discrepancies originate from the VoiceOver tool.

I hope the provided information helps. Please, let me know if I am missing out on something.

Regards,
Georgi
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.

Thambu
Posted on: 09 Oct 2024 04:46

Hi Martin,

Thank you for responding. Here are the 2 additional info below. Also, have asked a question below.

1. Generally, for e.g. ul/li list, if we select an item that is marked aria-selected=true, VoiceOver adds the word "Selected". As you can see in the image you had shared, the word Selected is not announced.

2. Could this be an issue with VoiceOver itself, as other screen readers like NVDA (in Windows) says Selected. This is in the scenario of Table/TR/TD. TalkBack for android too says the word selected.

So, is the expectation that, screen reader should announce the word "Selected" is correct?

Thanks,

A. Thambu Samuel.

ADMIN
Martin Bechev
Posted on: 08 Oct 2024 11:48

Hi Thambu,

The majority of the Kendo components from all suites follow the same accessibility specifications guidelines which aren't currently exposed publically.

The aria-selected attribute is being set to the <td> element (in this case 8 October). Here is the speech result from the VoiceOver when focusing on the Calendar (tested with macOS Sonoma 14.6.1).

Here is the demo used for testing purposes. 

https://stackblitz.com/run/?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts

Please let me know if I am missing something. 

Regards,
Martin Bechev
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.