CODEWITHSUNDEEP
accessibility
Avedis Maroukian
Avedis Maroukian

Reputation: 1608

Aria labelledby is not valid - 508 compliance

I'm receiving this error from the 508 compliance

The 'id' "authorizationsFiltersMember" specified for the WAI-ARIA property 'aria-labelledby' value is not valid

I've tried with authorizations filters member authorizations_filters_member and none of these works ?

How should I call it ?

enter image description here

Upvotes: 0

Views: 710

Answers (1)

GrahamTheDev
GrahamTheDev

Reputation: 24825

All it is telling you is that you have either:

  • self referenced (i.e. <p id="authorizationsFiltersMember" aria-labelledby="authorizationsFiltersMember">) for example. Something can't be labelled by itself.
  • or that you have a typo in the element you are referencing (or you don't have an element with that ID at all).
  • or that the element you are referencing cannot be used as a label (i.e. if you gave it or it has a role that is an interactive element etc.)

Most likely is that you have a typo in the ID so try copy and pasting it again (ensure there are no spaces before and after it), it is a perfectly valid ID in terms of length and format.

As a side note: "authorizations filters member" would actually try and reference 3 elements with the IDs "authorizations", "filters" and "member" and combine them in that order to create the label for the element.

Upvotes: 4

Related Questions