chore(yarn): update cache

carbon-design-system · Dec 20, 2023 · 58c43a3 · 58c43a3
1 parent 99c884d
commit 58c43a3
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 9 deletions.
diff --git a/web-components/packages/carbon-web-components/.storybook/main.ts b/web-components/packages/carbon-web-components/.storybook/main.ts
@@ -23,6 +23,7 @@ const config: StorybookConfig = {
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-mdx-gfm',
+    'storybook-addon-accessibility-checker',
   ],
   framework: {
     name: '@storybook/web-components-vite',

diff --git a/web-components/packages/carbon-web-components/.storybook/preview.js b/web-components/packages/carbon-web-components/.storybook/preview.js
@@ -67,6 +67,25 @@ export const globalTypes = {
 };
 
 export const parameters = {
+  a11y: {
+    // Can specify engine as "axe" or "accessibility-checker" (axe default)
+    engine: 'accessibility-checker',
+    config: {
+      rules: [
+        {
+          // To disable a rule across all stories, set `enabled` to `false`.
+          // Use with caution: all violations of this rule will be ignored!
+          id: 'html_lang_exists',
+          enabled: false,
+        },
+        { id: 'page_title_exists', enabled: false },
+        { id: 'skip_main_exists', enabled: false },
+        { id: 'html_skipnav_exists', enabled: false },
+        { id: 'aria_content_in_landmark', enabled: false },
+        { id: 'aria_child_tabbable', enabled: false },
+      ],
+    },
+  },
   actions: { argTypesRegex: '^on.*' },
   backgrounds: {
     // https://storybook.js.org/docs/react/essentials/backgrounds#grid

diff --git a/web-components/packages/carbon-web-components/docs/welcome.mdx b/web-components/packages/carbon-web-components/docs/welcome.mdx
@@ -1,5 +1,4 @@
 import { Meta } from '@storybook/addon-docs/blocks';
-import basicExampleCDN from '../.storybook/basic-example-cdn.html';
 
 <Meta title="Introduction/Welcome" />
 
@@ -110,14 +109,6 @@ An alternative to using a bundler are CDN artifacts which can be added client si
 </html>
 ```
 
-<iframe
-  className="cds-ce-doc--demo-iframe"
-  src={basicExampleCDN}
-  title="carbon-web-components-basic-example-cdn"
-  sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"
->
-</iframe>
-
 ### JavaScript framework integration
 
 In addition to the available Web Component versions of Carbon components, this

diff --git a/web-components/packages/carbon-web-components/package.json b/web-components/packages/carbon-web-components/package.json
@@ -201,6 +201,7 @@
     "sass": "~1.69.0",
     "sass-loader": "^10.0.0",
     "storybook": "^7.6.4",
+    "storybook-addon-accessibility-checker": "^3.1.61-rc.2",
     "strip-comments": "^1.0.0",
     "style-loader": "^2.0.0",
     "temp": "^0.9.0",