Question:
How to I add clickable containers to the tabindex?
Product:
WIX Studio
What are you trying to achieve:
I’ve created a few containers into clickable link, like buttons. I did this so I could modify the content inside the button, I have text and svg icons. I used velo code to turn the box into a link. And now I need to include them into the tabindex for accessibility reasons.
What have you already tried:
I’ve looked into the WIX Studio documentation, but so far I don’t see how.
Additional information:
Doing this is vital to the website working.
Worth taking a look at the documentation to see which elements support it.
For example, the box element supports tabIndex
as shown here - https://dev.wix.com/docs/velo/velo-only-apis/$w/box/tab-index
Oh I see.
However I keep getting an error (red squiggly line under .tabindex):
“Cannot assign to ‘tabIndex’ because it is a read-only property.” And according to documentation, boxes can’t change their readOnly property. I tried and nope.
hmm
Odd, I can’t seem to make it work via code with .tabIndex. But I can add ands ARIA label via the canvas editer.
Accessibility: Adding ARIA Attributes to Custom Web Applications | Help Center | Wix.com
Now, i can do it via the accessibility menu, visually…
But that takes a very long time. Is there a way to do it in code?
Ahhh - this is totally on me
I thought you could set it too. If that’s not the case, then the menu is the way to go