Last Updated: 20 Sep 2022 11:20 by ADMIN
Created on: 13 Sep 2022 19:05
Category: UI for ASP.NET AJAX
Type: Bug Report
'Selected' state is not defined for 'Pagination controls'.

'Selected' state is not defined for 'Pagination controls' in entire page.

Environment (OS, Application, Versions):
OS: Windows_11
Version: 21H2
OS Build: 22000.856
Browser: Microsoft Edge Version 105.0.1343.33 (Official build) (64-bit)
URL: https://demos.telerik.com/aspnet-ajax/grid/examples/overview/defaultcs.aspx
Screen Reader: NVDA(2022.2)

Repro Steps:
1. Open URL:https://demos.telerik.com/aspnet-ajax/grid/examples/overview/defaultcs.aspx page in Edge Browser.
2. Navigate to pagination controls present below "Book A Car' table under 'Overview'.
3. Open NVDA.
4. Navigate to 'Selected button' on pagination controls.
5. Observe an issue that 'Selected' state is not defined for 'Pagination controls'.

Actual Result:
'Selected' state is not defined for 'Pagination controls' in entire page.

Expected Result:
State 'Selected' should be defined on pagination controls. In this case, the expected role is {button or has a pop-up}. All components need a proper role attribute, ideally with semantics. In rare cases a role attribute should be added to give full context and information to assistive technology. Learn more by reading about when to use an aria role and the html/aria role mappings.



1 comment
Posted on: 20 Sep 2022 11:20


Thank you for reporting this unexpected behavior!

Please let me share some general information first:

We usually recommend using the dedicated WAI-ARIA Support Grid demo for evaluating the WAI-ARIA capabilities of the RadGrid control. The RadGrid exposes the EnableAriaSupport property that needs to be enabled in order for the needed aria attributes to be rendered and currently, it is not enabled for the Grid in the Overview demo. Due to a couple of similar questions, we have been asked recently we have decided to enable the Aria Support of the Grid demonstrated in the Overview demo as well. 

Now regarding the currently reported issue:

Currently, RadGrid is not providing Aria support for its paging mechanism.
When the EnableAriaSupport property is enabled, the PagerItem receives the role='presentation' attribute so it is being ignored by the screen readers.

We are actively working on improving the accessibility compliance of our components and this feedback is pretty valuable for us. Still, enabling fully functional Accessibility support for paginated Grid requires significant changes in the rendering of the control. Its implementation would need planning a big amount of time and resources. Therefore I have added a separate Feature Request with this improvement. That way it can gather votes and measurable demand that would move it up in the backlog of our developers. You can subscribe to the public item to get notified of future updates:

We apologize for the inconvenience caused.

Kind regards,
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.