diff --git a/packages/components/src/core/CellComponent/index.stories.tsx b/packages/components/src/core/CellComponent/index.stories.tsx
index 0dae04b94..5c20408c0 100644
--- a/packages/components/src/core/CellComponent/index.stories.tsx
+++ b/packages/components/src/core/CellComponent/index.stories.tsx
@@ -53,6 +53,7 @@ export default {
parameters: {
axe: {
disabledRules: [
+ "color-contrast",
// Unfortunately the MUI Switch component renders an input field without a label, which
// fails an axe check.
"label",
diff --git a/packages/components/src/core/Foundations/index.stories.tsx b/packages/components/src/core/Foundations/index.stories.tsx
index e4ea7cddf..b0dfd2dbc 100644
--- a/packages/components/src/core/Foundations/index.stories.tsx
+++ b/packages/components/src/core/Foundations/index.stories.tsx
@@ -20,6 +20,9 @@ export default {
},
component: DesignTokens,
parameters: {
+ axe: {
+ disabledRules: ["color-contrast"],
+ },
badges: [BADGE.WIP],
},
title: "Foundations/Colors [wip]",
diff --git a/packages/components/src/core/NavigationJumpTo/index.stories.tsx b/packages/components/src/core/NavigationJumpTo/index.stories.tsx
index 964182d5f..c5bccd15c 100644
--- a/packages/components/src/core/NavigationJumpTo/index.stories.tsx
+++ b/packages/components/src/core/NavigationJumpTo/index.stories.tsx
@@ -17,6 +17,8 @@ const NavigationJumpTo = (props: Args): JSX.Element => {
return ;
};
+const ARIA_VALID_ATTR_VALUE = "aria-valid-attr-value";
+
const availableColorOptions = [
"accent",
"beta",
@@ -73,6 +75,9 @@ export const Default = {
offsetTop: 0,
},
parameters: {
+ axe: {
+ disabledRules: [ARIA_VALID_ATTR_VALUE],
+ },
controls: { expanded: true },
},
render: (args: Args) => ,
@@ -228,6 +233,9 @@ export const JumpToNavDemo = {
offsetTop: 0,
},
parameters: {
+ axe: {
+ disabledRules: [ARIA_VALID_ATTR_VALUE],
+ },
controls: {
exclude: ["items", "offsetTop"],
expanded: true,
@@ -250,7 +258,7 @@ export const LivePreview = {
},
parameters: {
axe: {
- disabledRules: ["aria-valid-attr-value"],
+ disabledRules: [ARIA_VALID_ATTR_VALUE],
},
controls: {
exclude: ["items", "offsetTop", "indicatorColor"],
@@ -288,7 +296,7 @@ export const Test = {
},
parameters: {
axe: {
- disabledRules: ["aria-valid-attr-value"],
+ disabledRules: [ARIA_VALID_ATTR_VALUE],
},
controls: {
exclude: ["items", "offsetTop", "indicatorColor"],
diff --git a/packages/components/src/core/Table/__snapshots__/index.test.tsx.snap b/packages/components/src/core/Table/__snapshots__/index.test.tsx.snap
index 543f3d921..ac2e4c292 100644
--- a/packages/components/src/core/Table/__snapshots__/index.test.tsx.snap
+++ b/packages/components/src/core/Table/__snapshots__/index.test.tsx.snap
@@ -452,6 +452,7 @@ exports[`
Default story renders snapshot 1`] = `
Default story renders snapshot 1`] = `
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
+
+ Option-1-radio
+
Default story renders snapshot 1`] = `
- Option 1
+ Option-1
Default story renders snapshot 1`] = `
Default story renders snapshot 1`] = `
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
/>
+
+ Option-2-radio
+
Default story renders snapshot 1`] = `
- Option 2
+ Option-2
diff --git a/packages/components/src/core/Table/index.stories.tsx b/packages/components/src/core/Table/index.stories.tsx
index 60b0f7b86..cd0b95619 100644
--- a/packages/components/src/core/Table/index.stories.tsx
+++ b/packages/components/src/core/Table/index.stories.tsx
@@ -125,12 +125,14 @@ const Table = (props: Args): JSX.Element => {
name="radio-buttons-group"
>
}
- label="Option 1"
+ control={
+
+ }
+ label="Option-1"
/>
}
- label="Option 2"
+ control={}
+ label="Option-2"
/>