chore: add a11y rules to Storybook

kiwicom · Oct 24, 2024 · 603a5f8 · 603a5f8
1 parent b278439
commit 603a5f8
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/packages/orbit-components/.storybook/preview.ts b/packages/orbit-components/.storybook/preview.ts
@@ -29,6 +29,29 @@ const preview: Preview = {
   decorators: [orbitDecorator],
   parameters: {
     viewport: { viewports },
+    a11y: {
+      element: "#storybook-root",
+      config: {
+        rules: [
+          {
+            id: "aria-required-attr",
+            selector: "*:not(div.text-heading-title0[role='heading'])",
+          },
+          {
+            id: "color-contrast",
+            selector: "*:not(pre .attr-name.tag.token)",
+          },
+          {
+            id: "color-contrast-enhanced",
+            selector: "*:not(pre .attr-name.tag.token)",
+          },
+          {
+            id: "scrollable-region-focusable",
+            selector: "*not(pre.overflow-x-auto)",
+          },
+        ],
+      },
+    },
   },
 };