diff --git a/libs/react-components/.storybook/main.ts b/libs/react-components/.storybook/main.ts index 3df5292..90fadda 100644 --- a/libs/react-components/.storybook/main.ts +++ b/libs/react-components/.storybook/main.ts @@ -3,7 +3,11 @@ import { resolve } from 'path'; const config: StorybookConfig = { stories: ['../src/lib/**/*.stories.@(js|jsx|ts|tsx|mdx)'], - addons: ['@storybook/addon-essentials', '@storybook/addon-interactions'], + addons: [ + '@storybook/addon-essentials', + '@storybook/addon-interactions', + '@storybook/addon-a11y', + ], framework: { name: '@storybook/react-vite', options: { diff --git a/libs/react-components/src/lib/components/Chip/index.tsx b/libs/react-components/src/lib/components/Chip/index.tsx index e543c9a..6790ca8 100644 --- a/libs/react-components/src/lib/components/Chip/index.tsx +++ b/libs/react-components/src/lib/components/Chip/index.tsx @@ -35,6 +35,10 @@ const Chip: React.FC = ({ } }; + const handleKeyUp = (event: React.KeyboardEvent) => { + if (event.key === 'Enter') handleClick(); + }; + useEffect(() => { if (selectable) setIsSelected(selected); }, [selectable, selected]); @@ -45,6 +49,8 @@ const Chip: React.FC = ({ selectable ? styles.selectable : '' }`} onClick={handleClick} + onKeyUp={handleKeyUp} + tabIndex={0} > {label} diff --git a/libs/react-components/src/lib/components/Header/index.tsx b/libs/react-components/src/lib/components/Header/index.tsx index de8dbfb..3c9fd1e 100644 --- a/libs/react-components/src/lib/components/Header/index.tsx +++ b/libs/react-components/src/lib/components/Header/index.tsx @@ -132,7 +132,10 @@ const Header: React.FC = ({ return ( <> -