Open cabillin opened 1 month ago
The header id is generated here with no option for overriding.
Setting ariaLabel
for the group
may be a temporary workaround: https://github.com/microsoft/fluentui/blob/master/packages/react/src/components/GroupedList/GroupHeader.base.tsx#L130-L131
Library
React / v8 (@fluentui/react)
System Info
Are you reporting an Accessibility issue?
yes
Reproduction
https://codepen.io/KnetTravlr/pen/abgwZPb?editors=1010
Bug Description
Actual Behavior
id prop is not available in IGroupHeaderProps (available in GroupHeader's onRenderTitle) As a result, we cannot render our grid cell with the correct id for the parent row's aria-labelledby to be valid. This is acceptable in the repro since the AT is able to infer the row's accessible name from its children's accessible names. However, we have a much more complicated use case where the AT is NOT inferring the row's accessible name (and we need to use the aria-labelledby on a specific sub-element).
Expected Behavior
id used in parent row's aria-labelledby is passed to GroupHeader's onRenderTitle, so we can achieve the same programmatic mapping as when there is no override.
Logs
No response
Requested priority
Normal
Products/sites affected
Internal Microsoft website
Are you willing to submit a PR to fix?
no
Validations