feat(ui-components): add accessibility testing to storybook

Assisted-by: Claude Opus 5.5 <noreply@anthropic.com>

Author: ovflowd

packages/ui-components/.storybook/main.ts

@@ -18,6 +18,7 @@ const config: StorybookConfig = {
   addons: [
     '@storybook/addon-webpack5-compiler-swc',
     '@storybook/addon-themes',
+    '@storybook/addon-a11y',
     {
       name: '@storybook/addon-styling-webpack',
       options: {

packages/ui-components/.storybook/preview.tsx

@@ -12,6 +12,10 @@ const preview: Preview = {
     viewport: {
       options: STORYBOOK_SIZES,
     },
+    // Runs axe-core against every Story and reports WCAG violations in the
+    // Accessibility panel. 'todo' surfaces them as warnings instead of failures
+    // @see https://storybook.js.org/docs/writing-tests/accessibility-testing
+    a11y: { test: 'todo' },
   },
 
   decorators: [

packages/ui-components/package.json

@@ -67,6 +67,7 @@
   "devDependencies": {
     "@eslint-react/eslint-plugin": "~5.8.6",
     "@orama/core": "^1.2.19",
+    "@storybook/addon-a11y": "~10.6.1",
     "@storybook/addon-styling-webpack": "~3.0.2",
     "@storybook/addon-themes": "~10.6.0",
     "@storybook/addon-webpack5-compiler-swc": "~4.0.3",