Steps: A11y problems with tablist role #1436
Unanswered
TaneliTuomola
asked this question in
PrimeNG
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hi, I wasn't sure if I should report a bug directly on this, so I decided to try this way.
My issue is about the accessibility of the Steps component:
Element (ul[role="tablist"]) has children which are not allowed: li[role=presentation]. Now the html structure of steps is:
Valid tablist structure is
tablist > tab
.Second problem in this structure is that accessibility testing tools says that there is not enough contrast in those disabled steps because a link element with aria-disabled=true would not actually disable the element?
Is it possible to get rid of that tablist structure and use simpler approach like:
With html button element you can use "real" disabled state so accessibility testing tools won't warn about contrast anymore.
In the primeVue and primeReact
<ol><li><a>
structure without tablist role is used.Beta Was this translation helpful? Give feedback.
All reactions