Invalid Role and Aria attributes reported by Lighthouse on Kendo Grid filters

[chunnybryan]

Aria Roles and Label mismatch according to Lighthouse when using a Kendo Grid with the "listbox" role.

e.g. All the <span role="listbox"

Also child elements see to be an issue as well:

Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. Learn more. Failing Elements All Search Search

Advanced search

Advanced search

span span span span See report from Lighthouse below:

[onehousinguatwebapp.azurewebsites.net-20191115T130654.zip] (https://github.com/telerik/kendo-angular/files/3858521/onehousinguatwebapp.azurewebsites.net-20191115T130654.zip)

You can see this by implementing the example at - https://stackblitz.com/edit/angular-i8v5ic Which is a fork of the example at - https://www.telerik.com/kendo-angular-ui/components/grid/filtering/

Browser: Chrome Version: Version 78.0.3904.97 (Official Build) (64-bit)

[tsvetomir]

See also #1598

[slavenai]

Accessibility changes within the DropDownList (which is internally used in the Grid's filter menu) are embedded in our accessibility and keyboard navigation specs. We are currently in an ongoing process of specs reevaluation and ensuring that components are compliant across all packages.

[dtopalov]

Hello @chunnybryan,

I will close this issue, as the particular described problem is no longer reproducible, but we are aware of several other accessibility-related issues related to integrating other input/dropdown components in the Grid filtering UI, and I can assure you we are trying to address all accessibility-related issues with highest priority. You can expect significantly improved accessibility compliance across all Kendo UI for Angular components in the upcoming weeks.