accessibility-exchange / platform

The Accessibility Exchange platform.
https://github.com/orgs/accessibility-exchange/projects/2/views/8
BSD 3-Clause "New" or "Revised" License
4 stars 10 forks source link

Some aria-labelledby attributes have a name instead of a reference to an id #2168

Closed jobara closed 6 months ago

jobara commented 6 months ago

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:

  1. Sign in as an org admin
  2. Go to an engagement and view the manage participants page
  3. Using the web inspector or an accessibility audit tool look at the aria-labelledby for the tab navigation elements
  4. 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.

Screenshots

Screenshot showing the navigation tabs have an invalid aria-labelledby

Details

No response

Additional context

No response