The aria-labelledby attribute should point to an id of an element that will serve as a label. However, in some cases the aria-labelledby is supplied the label value instead.
To Reproduce
Steps to reproduce the behavior:
Sign in as an org admin
Go to an engagement and view the manage participants page
Using the web inspector or an accessibility audit tool look at the aria-labelledby for the tab navigation elements
Notice that it doesn't point at the ID of another element but rather supplies the label itself.
Expected behavior
The element should be appropriately labelled. Either the aria-labelledby should point at a suitable id, or it should be switched to an aria-label.
Prerequisites
Describe the bug
The aria-labelledby attribute should point to an id of an element that will serve as a label. However, in some cases the aria-labelledby is supplied the label value instead.
To Reproduce
Steps to reproduce the behavior:
aria-labelledby
for the tab navigation elementsExpected behavior
The element should be appropriately labelled. Either the aria-labelledby should point at a suitable id, or it should be switched to an aria-label.
Screenshots
Details
No response
Additional context
No response