diff --git a/docs/src/pages/components/RadioButton.svx b/docs/src/pages/components/RadioButton.svx
index 6bf8a9cb..2cbda59d 100644
--- a/docs/src/pages/components/RadioButton.svx
+++ b/docs/src/pages/components/RadioButton.svx
@@ -79,7 +79,7 @@ Use the `selected` prop to bind and update the selected value.
 
 ## Skeleton
 
-<RadioButtonGroup legendText="Storage tier (disk)">
+<RadioButtonGroup legendText="Storage tier (disk)" name="skeleton">
   <RadioButtonSkeleton />
   <RadioButtonSkeleton />
   <RadioButtonSkeleton />
@@ -87,8 +87,8 @@ Use the `selected` prop to bind and update the selected value.
 
 ## Skeleton (vertical)
 
-<RadioButtonGroup orientation="vertical" legendText="Storage tier (disk)">
+<RadioButtonGroup orientation="vertical" legendText="Storage tier (disk)" name="skeleton-vertical">
   <RadioButtonSkeleton />
   <RadioButtonSkeleton />
   <RadioButtonSkeleton />
-</RadioButtonGroup>
\ No newline at end of file
+</RadioButtonGroup>
diff --git a/docs/src/pages/framed/Theme/Theme.svelte b/docs/src/pages/framed/Theme/Theme.svelte
index b99cb540..f6b24830 100644
--- a/docs/src/pages/framed/Theme/Theme.svelte
+++ b/docs/src/pages/framed/Theme/Theme.svelte
@@ -10,7 +10,11 @@
 
 <Theme bind:theme />
 
-<RadioButtonGroup legendText="Carbon theme" bind:selected="{theme}">
+<RadioButtonGroup
+  legendText="Carbon theme"
+  name="theme"
+  bind:selected="{theme}"
+>
   {#each ["white", "g10", "g80", "g90", "g100"] as value}
     <RadioButton labelText="{value}" value="{value}" />
   {/each}
diff --git a/docs/src/pages/framed/Theme/ThemePersist.svelte b/docs/src/pages/framed/Theme/ThemePersist.svelte
index bd43a91a..7b688d7d 100644
--- a/docs/src/pages/framed/Theme/ThemePersist.svelte
+++ b/docs/src/pages/framed/Theme/ThemePersist.svelte
@@ -10,7 +10,11 @@
 
 <Theme bind:theme persist persistKey="__carbon-theme" />
 
-<RadioButtonGroup legendText="Carbon theme" bind:selected="{theme}">
+<RadioButtonGroup
+  legendText="Carbon theme"
+  name="theme"
+  bind:selected="{theme}"
+>
   {#each ["white", "g10", "g80", "g90", "g100"] as value}
     <RadioButton labelText="{value}" value="{value}" />
   {/each}
diff --git a/docs/src/pages/index.svelte b/docs/src/pages/index.svelte
index ffecc04d..c3558686 100644
--- a/docs/src/pages/index.svelte
+++ b/docs/src/pages/index.svelte
@@ -128,6 +128,7 @@
         <RadioButtonGroup
           style="margin-top: var(--cds-spacing-08)"
           legendText="Carbon themes"
+          name="theme"
           bind:selected="{$theme}"
         >
           {#each ["white", "g10", "g80", "g90", "g100"] as value}
diff --git a/tests/Form.test.svelte b/tests/Form.test.svelte
index 49129304..dc20dd9f 100644
--- a/tests/Form.test.svelte
+++ b/tests/Form.test.svelte
@@ -20,7 +20,7 @@
     <Checkbox id="checkbox-2" labelText="Checkbox Label" disabled />
   </FormGroup>
   <FormGroup legendText="Radio buttons">
-    <RadioButtonGroup selected="default-selected">
+    <RadioButtonGroup selected="default-selected" name="radio-group">
       <RadioButton
         id="radio-1"
         value="standard"
diff --git a/tests/RadioButton.test.svelte b/tests/RadioButton.test.svelte
index d93d342a..c962d995 100644
--- a/tests/RadioButton.test.svelte
+++ b/tests/RadioButton.test.svelte
@@ -4,6 +4,7 @@
 
 <RadioButtonGroup
   legendText="Storage tier (disk)"
+  name="group-1"
   selected="standard"
   on:change="{(e) => {
     console.log(e.detail); // string
@@ -16,6 +17,7 @@
 
 <RadioButtonGroup
   legendText="Storage tier (disk)"
+  name="group-2"
   labelPosition="left"
   selected="standard"
 >
@@ -24,7 +26,11 @@
   <RadioButton labelText="Pro (128 GB)" value="pro" />
 </RadioButtonGroup>
 
-<RadioButtonGroup orientation="vertical" legendText="Storage tier (disk)">
+<RadioButtonGroup
+  orientation="vertical"
+  legendText="Storage tier (disk)"
+  name="group-3"
+>
   <RadioButtonSkeleton />
   <RadioButtonSkeleton />
   <RadioButtonSkeleton />