starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

RadzenPager breaks WCAG Accessibility when direction arrow links are disabled #1321

New Issue
Closed
opened 2026-01-29 17:52:03 +00:00 by claunia · 0 comments
claunia commented 2026-01-29 17:52:03 +00:00
Owner
Copy Link

Originally created by @werzl on GitHub (Jul 26, 2024).

Describe the bug
The RadzenPager component breaks WCAG SC 2.1.1 when the first, prev, next and last page direction links are disabled / not selectable.

WCAG SC 2.1.1 (serious): Ensure that elements with the "role" attribute are focusable to make them keyboard accessible.

This happens when the first page is currently selected (the first, prev links are disabled) or the last page is currently selected (next, prev links are disabled).

Adding the disabled attribute will suppress the issue.

To Reproduce
Can be seen on the demo site: https://blazor.radzen.com/datagrid?theme=material3

Steps to reproduce the behavior:

  1. Create a RadzenDataGrid with more than 1 page of results.
  2. Load the first page of results.
  3. The rz-pager-first and rz-pager-prev links are disabled and cant be tabbed to but there's no disabled attribute.

Expected behavior
WCAG SC 2.1.1 criteria is met on the page when the links are disabled.

  • All browsers
  • Version 5.0.3
Originally created by @werzl on GitHub (Jul 26, 2024). <!-- IMPORTANT: Read this first!!! 1. If you own a Radzen Professional or Еnterprise subscription you can report your issue or ask us a question via email at info@radzen.com. Radzen staff will reply within 24 hours (Professional) or 16 hours (Enterprise) 2. The Radzen staff guarantees a response to issues in this repo only to paid subscribers. 3. If you have a HOW TO question start a new forum thread in the Radzen Community forum: https://forum.radzen.com. Radzen staff will close issues that are HOWTO questions. 4. Please adhere to the issue template. Specify all the steps required to reproduce the issue or link a project which reproduces it easily (without requiring extra steps such as restoring a database). --> **Describe the bug** The RadzenPager component breaks **WCAG SC 2.1.1** when the first, prev, next and last page direction links are disabled / not selectable. **WCAG SC 2.1.1 (serious):** Ensure that elements with the "role" attribute are focusable to make them keyboard accessible. This happens when the first page is currently selected (the first, prev links are disabled) or the last page is currently selected (next, prev links are disabled). Adding the `disabled` attribute will suppress the issue. **To Reproduce** Can be seen on the demo site: [https://blazor.radzen.com/datagrid?theme=material3](https://blazor.radzen.com/datagrid?theme=material3) Steps to reproduce the behavior: 1. Create a RadzenDataGrid with more than 1 page of results. 2. Load the first page of results. 3. The `rz-pager-first` and `rz-pager-prev` links are disabled and cant be tabbed to but there's no `disabled` attribute. **Expected behavior** WCAG SC 2.1.1 criteria is met on the page when the links are disabled. - All browsers - Version 5.0.3
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1321
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?