Filter and column header control in grid have incorrect control type

[ylux587]

Bug report

Filter and column header control in grid have incorrect control type

Reproduction of the problem

Render grid and make it have 2 columns. Enable filtering on column. Check the control type for filter control and column header.

Current behavior

The control type values are incorrect, which is a link

Expected/desired behavior

Correct control type should be given for "Filter" and "Column header" control which is a button.

Environment

• Kendo UI version: Kendo UI version: 2019.3.1114
• jQuery version: 3.3.28
• **Browser:**Chromium Edge Version: 84.0.488.1 (Official build) dev (64-bit)
• AI4D Version: 1.1.1152.1

[dmanova]

Related to: #5902

[Shivamd1]

Could you please provide any update on this?

[ag-petrov]

Could you please elaborate on what the expected behavior should look like? Altering the link button to render a button instead of anchor will be a breaking change and is not desirable. Moreover the filter button by itself can not be focused, only its parent header can and even if we alter the rendering that would not bring any accessibility improvement when it comes the screenreader support. Currently the header seems to be read correctly using a reader. If tests on your end using a reader have been performed can you please share with us the results? Note that if the tool used for analysis only checks the HTML it may show such results but the real check should be against a reader as the grid component does not focus some of the internal buttons like the ones in the header.

[ylux587]

The column headers as well as links receives keyboard focus separately. I have attached a video. Also the filters and the column headers are being announced by "Narrator" as link where as the column headers should not be announced as that and the filters should be announced as button

Repro.mp4