IgniteUI / ignite-ui

Ignite UI for jQuery by Infragistics
https://bit.ly/2kuu1fT
Other
477 stars 84 forks source link

Filter menus are not accessible by keyboard with accessibility tool turned on #2245

Open saychakraborty89 opened 4 months ago

saychakraborty89 commented 4 months ago

Description

With the accessibility tool NVDA turned on, the options in menus opened from filter buttons in iggrid are not accessible by keyboard. As discussed in the support issue - C-00235200, I am logging this issue.

Steps to reproduce

  1. Go to the sample igGrid demo.
  2. Turn on NVDA.
  3. Navigate through keyboard to reach filter button, hit enter to activate the menu. Notice that the drop down menus "Clear filter", "Starts with", "Ends with" etc are not reachable using the keyboard.

Violated Accessibility Guideline

This violates WCAG success criterion 2.1.1 - Keyboard of WCAG 2.0 level A.

Result

The drop down menus "Clear filter", "Starts with", "Ends with" etc. cannot be expanded or collapsed using the keyboard. The user cannot reach the options inside of the drop down and focus is not trapped within the first and the last interactive elements within the menu.

Expected result

The menu should be accessible with keyboard even with NVDA turned on.

Attachments

I am attaching a sample video for better understanding. issue.zip