diff --git a/.storybook/main.ts b/.storybook/main.ts
index e48df9108..7f7140692 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -4,7 +4,12 @@ import svgr from 'vite-plugin-svgr';
 
 const config: StorybookConfig = {
   stories: ['../www/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
-  addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-interactions'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/addon-a11y',
+  ],
   framework: {
     name: '@storybook/react-vite',
     options: {},
diff --git a/package-lock.json b/package-lock.json
index c5febcaad..738ef5f12 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,6 +36,7 @@
         "@babel/preset-react": "^7.22.5",
         "@commitlint/cli": "^17.6.6",
         "@commitlint/config-conventional": "^17.6.6",
+        "@storybook/addon-a11y": "^7.0.27",
         "@storybook/addon-essentials": "^7.0.27",
         "@storybook/addon-interactions": "^7.0.27",
         "@storybook/addon-links": "^7.0.27",
@@ -6491,6 +6492,43 @@
         "@sinonjs/commons": "^3.0.0"
       }
     },
+    "node_modules/@storybook/addon-a11y": {
+      "version": "7.0.27",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-7.0.27.tgz",
+      "integrity": "sha512-S26bgFMhKa6AxyPqVyO51SOfO5MStzInHebOcqUtHYs1Npz1MMM80A4YuF8KVvcu4WAFdvdIA4gI/47djrN+sA==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/addon-highlight": "7.0.27",
+        "@storybook/channels": "7.0.27",
+        "@storybook/client-logger": "7.0.27",
+        "@storybook/components": "7.0.27",
+        "@storybook/core-events": "7.0.27",
+        "@storybook/global": "^5.0.0",
+        "@storybook/manager-api": "7.0.27",
+        "@storybook/preview-api": "7.0.27",
+        "@storybook/theming": "7.0.27",
+        "@storybook/types": "7.0.27",
+        "axe-core": "^4.2.0",
+        "lodash": "^4.17.21",
+        "react-resize-detector": "^7.1.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@storybook/addon-actions": {
       "version": "7.0.27",
       "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.0.27.tgz",
@@ -26040,6 +26078,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-resize-detector": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/react-resize-detector/-/react-resize-detector-7.1.2.tgz",
+      "integrity": "sha512-zXnPJ2m8+6oq9Nn8zsep/orts9vQv3elrpA+R8XTcW7DVVUJ9vwDwMXaBtykAYjMnkCIaOoK9vObyR7ZgFNlOw==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.17.21"
+      },
+      "peerDependencies": {
+        "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/react-router": {
       "version": "6.10.0",
       "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.10.0.tgz",
@@ -35461,6 +35512,27 @@
         "@sinonjs/commons": "^3.0.0"
       }
     },
+    "@storybook/addon-a11y": {
+      "version": "7.0.27",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-7.0.27.tgz",
+      "integrity": "sha512-S26bgFMhKa6AxyPqVyO51SOfO5MStzInHebOcqUtHYs1Npz1MMM80A4YuF8KVvcu4WAFdvdIA4gI/47djrN+sA==",
+      "dev": true,
+      "requires": {
+        "@storybook/addon-highlight": "7.0.27",
+        "@storybook/channels": "7.0.27",
+        "@storybook/client-logger": "7.0.27",
+        "@storybook/components": "7.0.27",
+        "@storybook/core-events": "7.0.27",
+        "@storybook/global": "^5.0.0",
+        "@storybook/manager-api": "7.0.27",
+        "@storybook/preview-api": "7.0.27",
+        "@storybook/theming": "7.0.27",
+        "@storybook/types": "7.0.27",
+        "axe-core": "^4.2.0",
+        "lodash": "^4.17.21",
+        "react-resize-detector": "^7.1.2"
+      }
+    },
     "@storybook/addon-actions": {
       "version": "7.0.27",
       "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.0.27.tgz",
@@ -49750,6 +49822,15 @@
       "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==",
       "dev": true
     },
+    "react-resize-detector": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/react-resize-detector/-/react-resize-detector-7.1.2.tgz",
+      "integrity": "sha512-zXnPJ2m8+6oq9Nn8zsep/orts9vQv3elrpA+R8XTcW7DVVUJ9vwDwMXaBtykAYjMnkCIaOoK9vObyR7ZgFNlOw==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.21"
+      }
+    },
     "react-router": {
       "version": "6.10.0",
       "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.10.0.tgz",
diff --git a/package.json b/package.json
index f3deb7058..7de9e8c7b 100644
--- a/package.json
+++ b/package.json
@@ -87,6 +87,7 @@
     "@babel/preset-react": "^7.22.5",
     "@commitlint/cli": "^17.6.6",
     "@commitlint/config-conventional": "^17.6.6",
+    "@storybook/addon-a11y": "^7.0.27",
     "@storybook/addon-essentials": "^7.0.27",
     "@storybook/addon-interactions": "^7.0.27",
     "@storybook/addon-links": "^7.0.27",