[Fix Accessibility]: Add tabIndex to VariantItem for improved accessibility (#1738)
- Keyboard focus order is not logical for the list items under 'Select CLI Version' button. keyboard focus is moving twice upon the version list items. https://github.com/user-attachments/assets/e3306e28-11ae-48be-b115-17c4ddabf62e
Jithin Prabhakaran Girija committed
Oct 6, 2025 at 11:39 UTC
4b97e8a1305d8ab05240ae72605166e230e6f7cf
1 file changed
+1
-1
src/components/variant-select.js
+1
-1
@@ -16,7 +16,7 @@ const StyledOverlay = styled(ActionMenu.Overlay)`
16
17
const VariantItem = ({title, shortName, url, active}) => {
18
return (
19
- <ActionList.Item state={{scrollUpdate: false}} id={shortName} active={active}>
19
+ <ActionList.Item state={{scrollUpdate: false}} id={shortName} active={active} tabIndex={null}>
20
<LinkNoUnderline to={url}>{title}</LinkNoUnderline>
21
</ActionList.Item>
22
)