Adding a11y addon

.storybook/main.ts

@@ -1,26 +1,30 @@
-import type { StorybookConfig } from "@storybook/react-webpack5";
+import type { StorybookConfig } from '@storybook/react-webpack5';
 const config: StorybookConfig = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  stories: [
+    '../src/**/*.stories.mdx', 
+    '../src/**/*.stories.@(js|jsx|ts|tsx)'
+  ],
 
   addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
     '@storybook/icons',
     '@storybook/addon-jest',
     '@storybook/addon-themes',
-    "@storybook/addon-webpack5-compiler-babel"
+    '@storybook/addon-webpack5-compiler-babel',
+    '@storybook/addon-a11y',
   ],
 
   framework: {
-    name: "@storybook/react-webpack5",
+    name: '@storybook/react-webpack5',
     options: {},
   },
 
   docs: {},
 
   typescript: {
-    reactDocgen: "react-docgen-typescript"
+    reactDocgen: 'react-docgen-typescript'
   }
 };
 export default config;

package.json

@@ -38,6 +38,7 @@
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-terser": "^0.4.0",
     "@rollup/plugin-typescript": "^11.1.0",
+    "@storybook/addon-a11y": "^8.1.10",
     "@storybook/addon-essentials": "^8.1.6",
     "@storybook/addon-interactions": "^8.1.6",
     "@storybook/addon-jest": "^8.1.6",

yarn.lock

@@ -1590,6 +1590,7 @@ __metadata:
     "@rollup/plugin-node-resolve": ^15.0.2
     "@rollup/plugin-terser": ^0.4.0
     "@rollup/plugin-typescript": ^11.1.0
+    "@storybook/addon-a11y": ^8.1.10
     "@storybook/addon-essentials": ^8.1.6
     "@storybook/addon-interactions": ^8.1.6
     "@storybook/addon-jest": ^8.1.6
@@ -3077,6 +3078,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-a11y@npm:^8.1.10":
+  version: 8.1.10
+  resolution: "@storybook/addon-a11y@npm:8.1.10"
+  dependencies:
+    "@storybook/addon-highlight": 8.1.10
+    axe-core: ^4.2.0
+  checksum: e7bfa417b377a99957f2637c8925cd493f426599d415336978444a1f1ac3990f5b739c683cfc1f25816c9adc856c012b856685c5f836c5482f9e624a72f1c662
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-actions@npm:8.1.6":
   version: 8.1.6
   resolution: "@storybook/addon-actions@npm:8.1.6"
@@ -3164,6 +3175,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addon-highlight@npm:8.1.10":
+  version: 8.1.10
+  resolution: "@storybook/addon-highlight@npm:8.1.10"
+  dependencies:
+    "@storybook/global": ^5.0.0
+  checksum: 71ac388942193342d3832f9377492155e2eee2ef47c92437f6aba7cebf3b28e02125f80209aaa99e00eaa1b26324f86c9423c2b176a1dca0739e549cc762946a
+  languageName: node
+  linkType: hard
+
 "@storybook/addon-highlight@npm:8.1.6":
   version: 8.1.6
   resolution: "@storybook/addon-highlight@npm:8.1.6"
@@ -5377,6 +5397,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"axe-core@npm:^4.2.0":
+  version: 4.9.1
+  resolution: "axe-core@npm:4.9.1"
+  checksum: 41d9227871781f96c2952e2a777fca73624959dd0e98864f6d82806a77602f82b4fc490852082a7e524d8cd864e50d8b4d9931819b4a150112981d8c932110c5
+  languageName: node
+  linkType: hard
+
 "babel-core@npm:^7.0.0-bridge.0":
   version: 7.0.0-bridge.0
   resolution: "babel-core@npm:7.0.0-bridge.0"