ci(storybook): fix a11y issues (#1538)

Co-authored-by: Kezhik Kyzyl-ool <[email protected]>
gravity-ui · Apr 23, 2024 · 6dc2720 · 6dc2720
1 parent f916681
commit 6dc2720
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/.storybook/test-runner.ts b/.storybook/test-runner.ts
@@ -17,9 +17,11 @@ const config: TestRunnerConfig = {
         // Apply story-level a11y rules
         await configureAxe(page, {
             rules: storyContext.parameters?.a11y?.config?.rules,
+            reporter: 'no-passes',
         });
 
         await checkA11y(page, '#storybook-root', {
+            verbose: false,
             detailedReport: true,
             detailedReportOptions: {
                 html: true,

diff --git a/src/components/Button/__stories__/Button.stories.tsx b/src/components/Button/__stories__/Button.stories.tsx
@@ -180,7 +180,7 @@ export const InsideText: Story = {
                 <Button {...args} /> dolor
                 <br />
                 sit{' '}
-                <Button {...args}>
+                <Button {...args} extraProps={{'aria-label': 'Icon button inside text'}}>
                     <IconComponent data={Globe} />
                 </Button>{' '}
                 amet

diff --git a/src/components/Divider/__stories__/Divider.stories.tsx b/src/components/Divider/__stories__/Divider.stories.tsx
@@ -11,6 +11,23 @@ import {Divider} from '../Divider';
 const meta: Meta<typeof Divider> = {
     title: 'Components/Utils/Divider',
     component: Divider,
+    parameters: {
+        a11y: {
+            element: '#storybook-root',
+            config: {
+                rules: [
+                    {
+                        id: 'aria-allowed-attr', // https://github.com/gravity-ui/uikit/issues/1336
+                        enabled: false,
+                    },
+                    {
+                        id: 'aria-required-parent', // https://github.com/gravity-ui/uikit/issues/1336
+                        enabled: false,
+                    },
+                ],
+            },
+        },
+    },
 };
 
 export default meta;