chore: add a11y rules to Storybook

kiwicom · Oct 31, 2024 · a8a7fac · a8a7fac
1 parent a10bda1
commit a8a7fac
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/orbit-components/.storybook/orbitDecorator.tsx b/packages/orbit-components/.storybook/orbitDecorator.tsx
@@ -51,7 +51,8 @@ const OrbitDecorator: Decorator = (storyFn, context) => {
         <Text spaceAfter="largest" type={inverted ? "white" : "primary"}>
           {context.parameters?.info}
         </Text>
-        {children}
+        {/* eslint-disable-next-line tailwindcss/no-custom-classname */}
+        <div className="story-content">{children}</div>
         <div dir="ltr" className="mt-600 relative">
           <Tile>
             <Highlight theme={themes.vsLight} code={code} language="tsx">

diff --git a/packages/orbit-components/.storybook/preview.ts b/packages/orbit-components/.storybook/preview.ts
@@ -29,6 +29,9 @@ const preview: Preview = {
   decorators: [orbitDecorator],
   parameters: {
     viewport: { viewports },
+    a11y: {
+      element: ".story-content",
+    },
   },
 };