[Accessibility] Ensure elements with ARIA roles have all required ARIA attributes

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Duplicated

Last Updated: 19 Jan 2024 12:46 by ADMIN

Leon

Created on: 14 Mar 2023 17:34

Category: UI for Blazor

Type: Bug Report

[Accessibility] Ensure elements with ARIA roles have all required ARIA attributes

Title: WCAG 1.3.1: Ensures elements with an ARIA role that require child roles contain them (#\39 374a450-079d-4586-b823-d6bc7723505f)
Tags: Accessibility, WCAG 1.3.1, aria-required-children

Issue: Ensures elements with an ARIA role that require child roles contain them (aria-required-children - https://accessibilityinsights.io/info-examples/web/aria-required-children)

Target application: Hermes Home - https://localhost/TrafficLoss

Element path: #\39 374a450-079d-4586-b823-d6bc7723505f

Snippet: <div class="k-grid-aria-root" id="9374a450-079d-4586-b823-d6bc7723505f" role="grid" aria-label="Data table">

How to fix:
Fix any of the following:
Element has children which are not allowed (see related nodes)
Element has no aria-busy="true" attribute

Environment: Microsoft Edge version 111.0.1661.41

====

This accessibility issue was found using Accessibility Insights for Web 2.37.3 (axe-core 4.6.3), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

============================ code =============================

....

</TelerikGrid>

Duplicated

This item is a duplicate of an already existing item. You can find the original item here:

Grid Column Headers accessibility compliance

3 comments

ADMIN

Hristian Stefanov

Posted on: 19 Jan 2024 12:46

Hi Emerson,

I confirm that the original item linked as a duplicate, titled "Grid Column Headers Accessibility Compliance" is still with the status "Unplanned" at this stage. That means no specific time frame has been assigned yet. As soon as we move a task to the short-term backlog, the status will change to "Planned" and most likely a release number will appear as well.

You can subscribe to the item to receive email notifications for further status updates.

Regards,
Hristian Stefanov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!

Emerson

Posted on: 18 Jan 2024 22:32

I have the same issue, the linked Duplicate grid column headers accessibility compliance does not offer any solutions or updates.

Elements with an ARIA [role] that require children to contain a specific [role] are missing some or all of those required children.

Last Name First Name

John Doe

<TelerikGrid Data="@Data"
Sortable="true"
Resizable="true"
EnableLoaderContainer="true"
OnRowClick="OnRowClick">
<RowTemplate Context="p">

<td>
@p.LastName
</td>

<td>
@p.FirstName
</td>
</RowTemplate>
<GridColumns>
<GridColumn Field="LastName" Title="Last Name" />
<GridColumn Field="FirstName" Title="First Name" />
</GridColumns>
</TelerikGrid>

ADMIN

Hristian Stefanov

Posted on: 21 Mar 2023 13:37

Hi Leon,

I'm marking this item as a "Duplicate" as we already have an item regarding the accessibility issues in Grid header: Grid Column Headers accessibility compliance.

Let me know if I'm missing something new.

Regards,
Hristian Stefanov
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.