From 90207ef31848cad4458bd22ab2173604fffe98f4 Mon Sep 17 00:00:00 2001 From: William Stanton <40372497+bstanton678@users.noreply.github.com> Date: Wed, 3 May 2023 13:44:48 -0700 Subject: [PATCH 1/5] Remove disabled from alert radio example --- modules/react/radio/stories/examples/Alert.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/react/radio/stories/examples/Alert.tsx b/modules/react/radio/stories/examples/Alert.tsx index 01ef262bbf..1952a44f21 100644 --- a/modules/react/radio/stories/examples/Alert.tsx +++ b/modules/react/radio/stories/examples/Alert.tsx @@ -19,7 +19,7 @@ export const Alert = () => { useFieldset={true} > - + From 69f2740f054f1c29551a2051426bc2b38dfa75e2 Mon Sep 17 00:00:00 2001 From: William Stanton <40372497+bstanton678@users.noreply.github.com> Date: Wed, 3 May 2023 13:46:16 -0700 Subject: [PATCH 2/5] Remove required from error radio example --- modules/react/radio/stories/examples/Error.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/react/radio/stories/examples/Error.tsx b/modules/react/radio/stories/examples/Error.tsx index b5c1442720..5f87688ba7 100644 --- a/modules/react/radio/stories/examples/Error.tsx +++ b/modules/react/radio/stories/examples/Error.tsx @@ -19,7 +19,7 @@ export const Error = () => { useFieldset={true} > - + From 4b1b8a7ad49d941a3dc6e8f15a5c5c6236ff9326 Mon Sep 17 00:00:00 2001 From: William Stanton <40372497+bstanton678@users.noreply.github.com> Date: Wed, 3 May 2023 13:53:17 -0700 Subject: [PATCH 3/5] Adding note in Required section Note about pre-selecting a radio button that is also disabled will break accessibility for the entire radio group. --- modules/react/radio/stories/Radio.stories.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/react/radio/stories/Radio.stories.mdx b/modules/react/radio/stories/Radio.stories.mdx index 1142a5b4ba..1b0a85102b 100644 --- a/modules/react/radio/stories/Radio.stories.mdx +++ b/modules/react/radio/stories/Radio.stories.mdx @@ -39,7 +39,7 @@ Radio Group should be used in tandem with [Form Field](/components/inputs/form-f ### Disabled -Set the `disabled` prop of the Radio Button to prevent users from interacting with it. +Set the `disabled` prop of the Radio Button to prevent users from interacting with it. Be careful not to disable a pre-selected Radio Button, this will block keyboard access from the entire Radio Group. From 131b8cca10dc0141f1d9d99f2638eb6443dbbd2c Mon Sep 17 00:00:00 2001 From: William Stanton <40372497+bstanton678@users.noreply.github.com> Date: Wed, 24 May 2023 15:31:53 -0700 Subject: [PATCH 4/5] Phrasing for alert example --- modules/react/radio/stories/examples/Alert.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/modules/react/radio/stories/examples/Alert.tsx b/modules/react/radio/stories/examples/Alert.tsx index 1952a44f21..358a359c85 100644 --- a/modules/react/radio/stories/examples/Alert.tsx +++ b/modules/react/radio/stories/examples/Alert.tsx @@ -14,12 +14,12 @@ export const Alert = () => { - + From cdc51cb3b59688e54f0b1fb6839acb9c0578c5e9 Mon Sep 17 00:00:00 2001 From: William Stanton <40372497+bstanton678@users.noreply.github.com> Date: Wed, 24 May 2023 15:34:30 -0700 Subject: [PATCH 5/5] Phrasing for error example --- modules/react/radio/stories/examples/Error.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/modules/react/radio/stories/examples/Error.tsx b/modules/react/radio/stories/examples/Error.tsx index 5f87688ba7..8f723c54a9 100644 --- a/modules/react/radio/stories/examples/Error.tsx +++ b/modules/react/radio/stories/examples/Error.tsx @@ -14,12 +14,12 @@ export const Error = () => { - +