Library
React / v8 (@fluentui/react)
System Info
Package version(s): "@fluentui/react": "8.68.2",
Browser and OS versions: Chrome and Windows 10
Are you reporting Accessibility issue?
yes
Reproduction
https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/grouped
Bug Description
Go to https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/grouped, run Accessibility Insights for Web with FastPass, check actual result.
Actual Behavior
ARIA attributes are not allowed for an element's role.

Title: WCAG 4.1.2: Ensures ARIA attributes are allowed for an element's role (div[aria-rowindex="2"])
Tags: Accessibility, WCAG 4.1.2, aria-allowed-attr
Issue: Ensures ARIA attributes are allowed for an element's role (aria-allowed-attr - https://accessibilityinsights.io/info-examples/web/aria-allowed-attr)
Target application: Fluent UI - Controls - React - DetailsList - Grouped - https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/grouped
Element path: div[aria-rowindex="2"]
Snippet:
How to fix:
Fix any of the following:
ARIA attributes are not allowed: aria-expanded="true", aria-level="1"
Environment: Microsoft Edge version 101.0.1210.47
====
This accessibility issue was found using Accessibility Insights for Web 2.32.0 (axe-core 4.4.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.
Expected Behavior
Ensures ARIA attributes are allowed for an element's role
Logs
No response
Requested priority
Normal
Products/sites affected
No response
Are you willing to submit a PR to fix?
no
Validations
Library
React / v8 (@fluentui/react)
System Info
Are you reporting Accessibility issue?
yes
Reproduction
https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/grouped
Bug Description
Go to https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/grouped, run Accessibility Insights for Web with FastPass, check actual result.
Actual Behavior
ARIA attributes are not allowed for an element's role.

Title: WCAG 4.1.2: Ensures ARIA attributes are allowed for an element's role (div[aria-rowindex="2"])
Tags: Accessibility, WCAG 4.1.2, aria-allowed-attr
Issue: Ensures ARIA attributes are allowed for an element's role (aria-allowed-attr - https://accessibilityinsights.io/info-examples/web/aria-allowed-attr)
Target application: Fluent UI - Controls - React - DetailsList - Grouped - https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/grouped
Element path: div[aria-rowindex="2"]
Snippet:
How to fix:
Fix any of the following:
ARIA attributes are not allowed: aria-expanded="true", aria-level="1"
Environment: Microsoft Edge version 101.0.1210.47
====
This accessibility issue was found using Accessibility Insights for Web 2.32.0 (axe-core 4.4.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.
Expected Behavior
Ensures ARIA attributes are allowed for an element's role
Logs
No response
Requested priority
Normal
Products/sites affected
No response
Are you willing to submit a PR to fix?
no
Validations