Progress® Telerik® UI for ASP.NET MVC Feedback Portal
Back to Feed
Request a Feature Report a Bug
Declined
Last Updated: 27 Jun 2023 08:26 by ADMIN
eDAD
Created on: 20 Jun 2023 13:52
Category: UI for ASP.NET MVC
Type: Bug Report
0
Accessibility bug-Keyboard focus is not moving to the "expand/collapse" button.

Test Environment:

OS Version: 22H2 OS Build 22621.1702

Edge Version: Edge(Chromium) Version 114.0.1823.37 (Official build) (64-bit)

 

Repro-Steps:

  1. Open Demo for core features in ASP.NET MVC Grid control | Telerik UI for ASP.NET MVC with valid credentials in Edge browser.
  2. Navigate through the page using Tab key till Expand/collapse button.
  3. Run Tab stops and observe the issue whether focus is not moving to the "expand/collapse" button. 

Actual Result:
While navigating through the page, the Tab focus is not moving to the expand and collapse button.

Expected Result:
While navigating through the page, the Tab focus should move to the expand and collapse button.

User Impact:
Users with motor impairment and who rely on keyboard will face difficulties if the tab focus is not moving to the expand and collapse button.
Attached Files:
1 comment
ADMIN
Aleksandar
Posted on: 27 Jun 2023 08:26

Hello,

The Grid supports its keyboard navigation functionality through the Navigatable() method. As documented, when enabled, you can initially select a row or cell and then move within the Grid by using the Arrow keys. You can refer to the Keyboard Navigation Demo for further details on supported keyboard shortcuts, listed underneath the demo description. 

That said, in the scenario in question the Navigatable option is enabled, and as you can see in this screencast you can use Tab to navigate to the Grid Data Table and then using the arrow you can navigate the cells. Pressing Enter on a group row collapses/expands the row, as documented.

On a side note we distribute a WAI-ARIA and Keyboard Navigation Spec npm package that  contains the WAI-ARIA and Keyboard Navigation spec for the UI suites in the Progress Web Components and Tools division: Kendo UI for Angular, Kendo UI for jQuery, Kendo React, Kendo UI for Vue, Telerik UI for Blazor, Telerik UI for ASP.NET Core (Kendo jQuery based), and Telerik UI for ASP.NET MVC (Kendo jQuery based). Once you get the package follow the instructions for generating WAI-ARIA specification and keyboard navigation specification for complete details, per component and per version, on the implemented accessibility specification and keyboard navigation options.

Feel free to get back to me in case you have additional questions.

Regards,
Aleksandar
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.

Create an account Log In
View
Type
Status
Category