Any reason for not having excludeFromTabOrder on Link?

[will-stone]

Hi 👋🙂

Firstly, thank you providing the React Aria Components; they have become a staple in our component library!

The Button component has a excludeFromTabOrder prop, but Link doesn't support that or tabindex. I was just wondering if there's a technical or accessibility reason why it's not available?

Thanks,

Will.

[snowystinger]

Button has it because there are some use cases, such as the stepper buttons in a NumberField or the dropdown trigger in a combobox which have alternate keyboard activations.

Links do not have any use cases for this prop that I'm aware of and should be accessible to keyboard users and everyone else always.

If you're trying to add this to a link, I suspect what you really want is a button. This prop should rarely be used, only with extreme caution, and always with alternatives for keyboard users.

[will-stone]

Yes, I'm trying to find alternatives for our devs (I maintain an internal component library). Knowing it's something that should be avoided helps greatly, thanks 🙂

[will-stone]

I have found a use case for adding excludeFromTabOrder to Link:

We have a ProductCard component, both the title and image are links to the product's page, however there's no need for a keyboard user to be able to tab to both.