Clicking on column header removes id

[kendo-bot]

Bug Report

Ticket ID: 1493159

Current behavior

When you focus a header cell, it receives a new id -> grid_active_cell and all of the columns cells have their aria_describedBy be referencing the old id of the column header.

Expected behavior

The header cells id should always match the data column cells areia-describedby attribute value.

Minimal reproduction of the problem with instructions

Use the kendo grid keyboard navigation demo:

1. Open Dev Tools
2. Focus the First Name column
3. Notice that the id is changed from the previous guid to grid_active_cell
4. Navigate to the first data cell in the First Name column and listen to the message the screen reader announces
5. Navigate to the next data cell in the Las Name column and listen to the message the screen reader announces
6. Notice the difference in the state the screen reader relays. The second column which did not lose its id relays more information.

What is the motivation or use case for changing the behavior?

The loss of sync between the header id and the column aria-describedby attribute value seems to affect the amount of information screen readers are able to relay.

Environment

kendo.ui 2020.3 1028

Browser: Chrome
Screen Reader : NVDA, Narrator

[dmanova]

I managed to reproduce the described behavior only with the combination Chrome browser with JAWS reader and tried Chrome, Edge, and Firefox browsers with Narrator, NVDA, and JAWS. The rest combinations between the browser and screen reader work at my end even before the fix.
Nevertheless, with the fix, the id won't be changed with "grid_active_cell"