Adding elements to the tabindex

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 :sweat_smile: I thought you could set it too. If that’s not the case, then the menu is the way to go