Description
Based on Accessibility Insights for Web, the following elements are not compliant: igxGrid
- igniteui-angular version: 19.2.24
- browser: Edge
Steps to reproduce
- Install the Accessibility Insights extension for Edge
- Create an example igx-grid table with columns, paginator and toolbar
- Run the FastPass check from the notification Launch Pad
Result
What is the actual result after following the steps to reproduce?
We are seeing the following result:
Title: WCAG 1.3.1: Ensure elements with an ARIA role that require child roles contain them (#igxGrid)
Tags: Accessibility, WCAG 1.3.1, aria-required-children
Issue: Ensure 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: CO+I CSP - https://coi-cspw.azurefd.net/supplystore
Element path: #igxGrid
Snippet:
Related paths:
igx-grid-header-row
.igx-grid__tbody-content
.igx-grid__tfoot > div
.me-3
#clearFilters-btn
igx-page-nav
.date-picker-wrapper
button[name="btnColumnHiding"]
button[title="Open exporter dropdown"]
.h-100 > .menu-button.mdc-button--raised.mat-mdc-raised-button
#mat-mdc-slide-toggle-2-button
.input
How to fix:
Fix any of the following:
Element has children which are not allowed: igx-grid-header-row[tabindex], div[tabindex], button[aria-haspopup], button[tabindex], [role=navigation], [role=button], [role=switch], [role=combobox]
Environment: Microsoft Edge version 143.0.0.0
====
This accessibility issue was found using Accessibility Insights for Web 2.46.0 (axe-core 4.10.2), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.
Expected result
What is the expected result after following the steps to reproduce?
There should not be failed instances
Attachments
Attach a sample if available, and screenshots, if applicable.
