diff --git a/.changepacks/changepack_log_toggle_switch.json b/.changepacks/changepack_log_toggle_switch.json
new file mode 100644
index 000000000..744f10d0f
--- /dev/null
+++ b/.changepacks/changepack_log_toggle_switch.json
@@ -0,0 +1,7 @@
+{
+  "changes": {
+    "packages/components/package.json": "Patch"
+  },
+  "note": "Toggle is an accessible switch: role=switch with aria-checked, focusable with a visible focus ring, toggled by Space and Enter, labelled through aria-label or aria-labelledby, and submitted under the name it is given; when disabled it leaves the tab order, ignores keys and its hidden input is disabled",
+  "date": "2026-10-01T00:00:00.000Z"
+}
diff --git a/packages/components/src/components/Toggle/__tests__/__snapshots__/index.browser.test.tsx.snap b/packages/components/src/components/Toggle/__tests__/__snapshots__/index.browser.test.tsx.snap
index 655fd871d..5fac1731c 100644
--- a/packages/components/src/components/Toggle/__tests__/__snapshots__/index.browser.test.tsx.snap
+++ b/packages/components/src/components/Toggle/__tests__/__snapshots__/index.browser.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Toggle should Toggle snapshot 1`] = `
 "<div>
-  <div data-group="true" class=" border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--bg_cm_light-dark_lp__h_E4E4E4_cm__h_383838_rp__rp_--255 height-0-28px--255  padding-0-4px--255 background-0-var_lp_--hoverBg_cm_light-dark_lp__h_C3C2C8_cm__h_696A6F_rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-50px--255">
+  <div aria-checked="false" data-group="true" role="switch" tabindex="0" class=" outline-0-2px_s_solid_s_var_lp_--primary_rp_-_a__c_focus-visible-255 outline-offset-0-2px-_a__c_focus-visible-255 border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--bg_cm_light-dark_lp__h_E4E4E4_cm__h_383838_rp__rp_--255 height-0-28px--255  padding-0-4px--255 background-0-var_lp_--hoverBg_cm_light-dark_lp__h_C3C2C8_cm__h_696A6F_rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-50px--255">
     <div class=" background-color-0-_h_FFF--255 border-radius-0-100_pc_--255 height-0-20px--255 width-0-20px--255 outline-0-4px--255 position-0-absolute--255 transition-0-_d_25s--255    ">
     </div>
   </div>
@@ -12,17 +12,17 @@ exports[`Toggle should Toggle snapshot 1`] = `
 
 exports[`Toggle should Toggle snapshot 2`] = `
 "<div>
-  <div aria-disabled="true" data-group="true" class=" border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--bg_cm_light-dark_lp__h_E4E4E4_cm__h_383838_rp__rp_--255 height-0-28px--255  padding-0-4px--255 background-0-var_lp_--hoverBg_cm_light-dark_lp__h_C3C2C8_cm__h_696A6F_rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-50px--255">
+  <div aria-checked="false" aria-disabled="true" data-group="true" role="switch" tabindex="-1" class=" outline-0-2px_s_solid_s_var_lp_--primary_rp_-_a__c_focus-visible-255 outline-offset-0-2px-_a__c_focus-visible-255 border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--bg_cm_light-dark_lp__h_E4E4E4_cm__h_383838_rp__rp_--255 height-0-28px--255  padding-0-4px--255 background-0-var_lp_--hoverBg_cm_light-dark_lp__h_C3C2C8_cm__h_696A6F_rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-50px--255">
     <div class=" background-color-0-_h_FFF--255 border-radius-0-100_pc_--255 height-0-20px--255 width-0-20px--255 outline-0-4px--255 position-0-absolute--255 transition-0-_d_25s--255    ">
     </div>
   </div>
-  <input type="hidden" value="false">
+  <input disabled="" type="hidden" value="false">
 </div>"
 `;
 
 exports[`Toggle should Toggle snapshot 3`] = `
 "<div>
-  <div data-group="true" class=" border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--primary_rp_--255 height-0-28px--255 justify-content-0-flex-end--255 padding-0-4px--255 background-0-var_lp_--primaryHoverBg_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_000_s_15_pc__rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_FFF_s_15_pc__rp__rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-50px--255">
+  <div aria-checked="true" data-group="true" role="switch" tabindex="0" class=" outline-0-2px_s_solid_s_var_lp_--primary_rp_-_a__c_focus-visible-255 outline-offset-0-2px-_a__c_focus-visible-255 border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--primary_rp_--255 height-0-28px--255 justify-content-0-flex-end--255 padding-0-4px--255 background-0-var_lp_--primaryHoverBg_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_000_s_15_pc__rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_FFF_s_15_pc__rp__rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-50px--255">
     <div class=" background-color-0-_h_FFF--255 border-radius-0-100_pc_--255 height-0-20px--255 width-0-20px--255 outline-0-4px--255 position-0-absolute--255 transition-0-_d_25s--255    transform-0-translateX_lp_calc_lp_100_pc__s__pl__s_2px_rp__rp_--255">
     </div>
   </div>
@@ -32,7 +32,7 @@ exports[`Toggle should Toggle snapshot 3`] = `
 
 exports[`Toggle should Toggle snapshot 4`] = `
 "<div>
-  <div data-group="true" class=" border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--primary_rp_--255 height-0-28px--255 justify-content-0-flex-end--255 padding-0-4px--255 background-0-var_lp_--primaryHoverBg_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_000_s_15_pc__rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_FFF_s_15_pc__rp__rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-50px--255">
+  <div aria-checked="true" data-group="true" role="switch" tabindex="0" class=" outline-0-2px_s_solid_s_var_lp_--primary_rp_-_a__c_focus-visible-255 outline-offset-0-2px-_a__c_focus-visible-255 border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--primary_rp_--255 height-0-28px--255 justify-content-0-flex-end--255 padding-0-4px--255 background-0-var_lp_--primaryHoverBg_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_000_s_15_pc__rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_FFF_s_15_pc__rp__rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-50px--255">
     <div class=" background-color-0-_h_FFF--255 border-radius-0-100_pc_--255 height-0-20px--255 width-0-20px--255 outline-0-4px--255 position-0-absolute--255 transition-0-_d_25s--255    transform-0-translateX_lp_calc_lp_100_pc__s__pl__s_2px_rp__rp_--255">
     </div>
   </div>
@@ -42,7 +42,7 @@ exports[`Toggle should Toggle snapshot 4`] = `
 
 exports[`Toggle should Toggle snapshot 5`] = `
 "<div>
-  <div data-group="true" class=" border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--bg_cm_light-dark_lp__h_E4E4E4_cm__h_383838_rp__rp_--255 height-0-8px--255   background-0-var_lp_--hoverBg_cm_light-dark_lp__h_C3C2C8_cm__h_696A6F_rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-40px--255">
+  <div aria-checked="false" data-group="true" role="switch" tabindex="0" class=" outline-0-2px_s_solid_s_var_lp_--primary_rp_-_a__c_focus-visible-255 outline-offset-0-2px-_a__c_focus-visible-255 border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--bg_cm_light-dark_lp__h_E4E4E4_cm__h_383838_rp__rp_--255 height-0-8px--255   background-0-var_lp_--hoverBg_cm_light-dark_lp__h_C3C2C8_cm__h_696A6F_rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-40px--255">
     <div class=" background-color-0-_h_FFF--255 border-radius-0-100_pc_--255 height-0-20px--255 width-0-20px--255 outline-0-4px--255 position-0-absolute--255 transition-0-_d_25s--255 outline-0-4px_s_solid-_c_is_lp__lb_role_eq_group_rb__cm__lb_data-group_rb__rp__c_hover_s__a_-255 outline-color-0-var_lp_--switchHoverOutline_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_20_pc__cm_transparent_rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_50_pc__cm_transparent_rp__rp__rp_-_c_is_lp__lb_role_eq_group_rb__cm__lb_data-group_rb__rp__c_hover_s__a_-255 filter-0-drop-shadow_lp_0_s_0_s_3px_s_var_lp_--switchShadow_cm__h_0000001A_rp__rp_--255 top-0--6px--255 ">
     </div>
   </div>
@@ -52,17 +52,17 @@ exports[`Toggle should Toggle snapshot 5`] = `
 
 exports[`Toggle should Toggle snapshot 6`] = `
 "<div>
-  <div aria-disabled="true" data-group="true" class=" border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--bg_cm_light-dark_lp__h_E4E4E4_cm__h_383838_rp__rp_--255 height-0-8px--255   background-0-var_lp_--hoverBg_cm_light-dark_lp__h_C3C2C8_cm__h_696A6F_rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-40px--255">
+  <div aria-checked="false" aria-disabled="true" data-group="true" role="switch" tabindex="-1" class=" outline-0-2px_s_solid_s_var_lp_--primary_rp_-_a__c_focus-visible-255 outline-offset-0-2px-_a__c_focus-visible-255 border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--bg_cm_light-dark_lp__h_E4E4E4_cm__h_383838_rp__rp_--255 height-0-8px--255   background-0-var_lp_--hoverBg_cm_light-dark_lp__h_C3C2C8_cm__h_696A6F_rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-40px--255">
     <div class=" background-color-0-_h_FFF--255 border-radius-0-100_pc_--255 height-0-20px--255 width-0-20px--255 outline-0-4px--255 position-0-absolute--255 transition-0-_d_25s--255 outline-0-4px_s_solid-_c_is_lp__lb_role_eq_group_rb__cm__lb_data-group_rb__rp__c_hover_s__a_-255 outline-color-0-var_lp_--switchHoverOutline_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_20_pc__cm_transparent_rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_50_pc__cm_transparent_rp__rp__rp_-_c_is_lp__lb_role_eq_group_rb__cm__lb_data-group_rb__rp__c_hover_s__a_-255 filter-0-drop-shadow_lp_0_s_0_s_3px_s_var_lp_--switchShadow_cm__h_0000001A_rp__rp_--255 top-0--6px--255 ">
     </div>
   </div>
-  <input type="hidden" value="false">
+  <input disabled="" type="hidden" value="false">
 </div>"
 `;
 
 exports[`Toggle should Toggle snapshot 7`] = `
 "<div>
-  <div data-group="true" class=" border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--primary_rp_--255 height-0-8px--255 justify-content-0-flex-end--255  background-0-var_lp_--primaryHoverBg_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_000_s_15_pc__rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_FFF_s_15_pc__rp__rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-40px--255">
+  <div aria-checked="true" data-group="true" role="switch" tabindex="0" class=" outline-0-2px_s_solid_s_var_lp_--primary_rp_-_a__c_focus-visible-255 outline-offset-0-2px-_a__c_focus-visible-255 border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--primary_rp_--255 height-0-8px--255 justify-content-0-flex-end--255  background-0-var_lp_--primaryHoverBg_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_000_s_15_pc__rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_FFF_s_15_pc__rp__rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-40px--255">
     <div class=" background-color-0-_h_FFF--255 border-radius-0-100_pc_--255 height-0-20px--255 width-0-20px--255 outline-0-4px--255 position-0-absolute--255 transition-0-_d_25s--255 outline-0-4px_s_solid-_c_is_lp__lb_role_eq_group_rb__cm__lb_data-group_rb__rp__c_hover_s__a_-255 outline-color-0-var_lp_--switchHoverOutline_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_20_pc__cm_transparent_rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_50_pc__cm_transparent_rp__rp__rp_-_c_is_lp__lb_role_eq_group_rb__cm__lb_data-group_rb__rp__c_hover_s__a_-255 filter-0-drop-shadow_lp_0_s_0_s_3px_s_var_lp_--switchShadow_cm__h_0000001A_rp__rp_--255 top-0--6px--255 transform-0-translateX_lp_calc_lp_100_pc__s__pl__s_2px_rp__rp_--255">
     </div>
   </div>
@@ -72,7 +72,7 @@ exports[`Toggle should Toggle snapshot 7`] = `
 
 exports[`Toggle should Toggle snapshot 8`] = `
 "<div>
-  <div data-group="true" class=" border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--primary_rp_--255 height-0-8px--255 justify-content-0-flex-end--255  background-0-var_lp_--primaryHoverBg_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_000_s_15_pc__rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_FFF_s_15_pc__rp__rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-40px--255">
+  <div aria-checked="true" data-group="true" role="switch" tabindex="0" class=" outline-0-2px_s_solid_s_var_lp_--primary_rp_-_a__c_focus-visible-255 outline-offset-0-2px-_a__c_focus-visible-255 border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--primary_rp_--255 height-0-8px--255 justify-content-0-flex-end--255  background-0-var_lp_--primaryHoverBg_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_000_s_15_pc__rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_FFF_s_15_pc__rp__rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-40px--255">
     <div class=" background-color-0-_h_FFF--255 border-radius-0-100_pc_--255 height-0-20px--255 width-0-20px--255 outline-0-4px--255 position-0-absolute--255 transition-0-_d_25s--255 outline-0-4px_s_solid-_c_is_lp__lb_role_eq_group_rb__cm__lb_data-group_rb__rp__c_hover_s__a_-255 outline-color-0-var_lp_--switchHoverOutline_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_20_pc__cm_transparent_rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_50_pc__cm_transparent_rp__rp__rp_-_c_is_lp__lb_role_eq_group_rb__cm__lb_data-group_rb__rp__c_hover_s__a_-255 filter-0-drop-shadow_lp_0_s_0_s_3px_s_var_lp_--switchShadow_cm__h_0000001A_rp__rp_--255 top-0--6px--255 transform-0-translateX_lp_calc_lp_100_pc__s__pl__s_2px_rp__rp_--255">
     </div>
   </div>
@@ -82,7 +82,7 @@ exports[`Toggle should Toggle snapshot 8`] = `
 
 exports[`Toggle should Toggle snapshot 9`] = `
 "<div>
-  <div data-group="true" class="test-toggle-wrapper   border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--primary_rp_--255 height-0-8px--255 justify-content-0-flex-end--255  background-0-var_lp_--primaryHoverBg_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_000_s_15_pc__rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_FFF_s_15_pc__rp__rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-40px--255">
+  <div aria-checked="true" data-group="true" role="switch" tabindex="0" class="test-toggle-wrapper   outline-0-2px_s_solid_s_var_lp_--primary_rp_-_a__c_focus-visible-255 outline-offset-0-2px-_a__c_focus-visible-255 border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--primary_rp_--255 height-0-8px--255 justify-content-0-flex-end--255  background-0-var_lp_--primaryHoverBg_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_000_s_15_pc__rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_FFF_s_15_pc__rp__rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-40px--255">
     <div class="test-toggle background-color-0-_h_FFF--255 border-radius-0-100_pc_--255 height-0-20px--255 width-0-20px--255 outline-0-4px--255 position-0-absolute--255 transition-0-_d_25s--255 outline-0-4px_s_solid-_c_is_lp__lb_role_eq_group_rb__cm__lb_data-group_rb__rp__c_hover_s__a_-255 outline-color-0-var_lp_--switchHoverOutline_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_20_pc__cm_transparent_rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_50_pc__cm_transparent_rp__rp__rp_-_c_is_lp__lb_role_eq_group_rb__cm__lb_data-group_rb__rp__c_hover_s__a_-255 filter-0-drop-shadow_lp_0_s_0_s_3px_s_var_lp_--switchShadow_cm__h_0000001A_rp__rp_--255 top-0--6px--255 transform-0-translateX_lp_calc_lp_100_pc__s__pl__s_2px_rp__rp_--255">
     </div>
   </div>
@@ -92,7 +92,7 @@ exports[`Toggle should Toggle snapshot 9`] = `
 
 exports[`Toggle should Toggle snapshot 10`] = `
 "<div>
-  <div data-group="true" class=" border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--primary_rp_--255 height-0-8px--255 justify-content-0-flex-end--255  background-0-var_lp_--primaryHoverBg_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_000_s_15_pc__rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_FFF_s_15_pc__rp__rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-40px--255" style="background-color: blue;">
+  <div aria-checked="true" data-group="true" role="switch" tabindex="0" class=" outline-0-2px_s_solid_s_var_lp_--primary_rp_-_a__c_focus-visible-255 outline-offset-0-2px-_a__c_focus-visible-255 border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--primary_rp_--255 height-0-8px--255 justify-content-0-flex-end--255  background-0-var_lp_--primaryHoverBg_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_000_s_15_pc__rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_100_pc__cm__h_FFF_s_15_pc__rp__rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-40px--255" style="background-color: blue;">
     <div class=" background-color-0-_h_FFF--255 border-radius-0-100_pc_--255 height-0-20px--255 width-0-20px--255 outline-0-4px--255 position-0-absolute--255 transition-0-_d_25s--255 outline-0-4px_s_solid-_c_is_lp__lb_role_eq_group_rb__cm__lb_data-group_rb__rp__c_hover_s__a_-255 outline-color-0-var_lp_--switchHoverOutline_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_20_pc__cm_transparent_rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_50_pc__cm_transparent_rp__rp__rp_-_c_is_lp__lb_role_eq_group_rb__cm__lb_data-group_rb__rp__c_hover_s__a_-255 filter-0-drop-shadow_lp_0_s_0_s_3px_s_var_lp_--switchShadow_cm__h_0000001A_rp__rp_--255 top-0--6px--255 transform-0-translateX_lp_calc_lp_100_pc__s__pl__s_2px_rp__rp_--255" style="background-color: blue;">
     </div>
   </div>
@@ -102,7 +102,7 @@ exports[`Toggle should Toggle snapshot 10`] = `
 
 exports[`Toggle should Toggle snapshot 11`] = `
 "<div>
-  <div data-group="true" class=" border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--bg_cm_light-dark_lp__h_E4E4E4_cm__h_383838_rp__rp_--255 height-0-28px--255  padding-0-4px--255 background-0-var_lp_--hoverBg_cm_light-dark_lp__h_C3C2C8_cm__h_696A6F_rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-50px--255" style="--primary: blue; --bg: blue; --primaryHoverBg: blue; --hoverBg: blue; --disabledBg: blue;">
+  <div aria-checked="false" data-group="true" role="switch" tabindex="0" class=" outline-0-2px_s_solid_s_var_lp_--primary_rp_-_a__c_focus-visible-255 outline-offset-0-2px-_a__c_focus-visible-255 border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--bg_cm_light-dark_lp__h_E4E4E4_cm__h_383838_rp__rp_--255 height-0-28px--255  padding-0-4px--255 background-0-var_lp_--hoverBg_cm_light-dark_lp__h_C3C2C8_cm__h_696A6F_rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-50px--255" style="--primary: blue; --bg: blue; --primaryHoverBg: blue; --hoverBg: blue; --disabledBg: blue;">
     <div class=" background-color-0-_h_FFF--255 border-radius-0-100_pc_--255 height-0-20px--255 width-0-20px--255 outline-0-4px--255 position-0-absolute--255 transition-0-_d_25s--255    " style="--primary: blue; --primaryHoverBg: blue; --switchShadow: blue; --switchHoverOutline: blue;">
     </div>
   </div>
@@ -112,7 +112,7 @@ exports[`Toggle should Toggle snapshot 11`] = `
 
 exports[`Toggle should Toggle snapshot 12`] = `
 "<div>
-  <div data-group="true" class=" border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--bg_cm_light-dark_lp__h_E4E4E4_cm__h_383838_rp__rp_--255 height-0-8px--255   background-0-var_lp_--hoverBg_cm_light-dark_lp__h_C3C2C8_cm__h_696A6F_rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-40px--255" style="--primary: blue; --bg: blue; --primaryHoverBg: blue; --hoverBg: blue; --disabledBg: blue;">
+  <div aria-checked="false" data-group="true" role="switch" tabindex="0" class=" outline-0-2px_s_solid_s_var_lp_--primary_rp_-_a__c_focus-visible-255 outline-offset-0-2px-_a__c_focus-visible-255 border-radius-0-500px--255 box-sizing-0-border-box--255 cursor-0-pointer--255 position-0-relative--255 cursor-0-not-allowed-_a__lb_aria-disabled_eq_true_rb_-255 background-0-var_lp_--disabledBg_cm_light-dark_lp__h_D6D7DE_cm__h_373737_rp__rp_-_a__lb_aria-disabled_eq_true_rb_-255 test-id-0-toggle-wrapper--255 transition-0-_d_25s--255 background-0-var_lp_--bg_cm_light-dark_lp__h_E4E4E4_cm__h_383838_rp__rp_--255 height-0-8px--255   background-0-var_lp_--hoverBg_cm_light-dark_lp__h_C3C2C8_cm__h_696A6F_rp__rp_-_a__c_hover_c_not_lp__lb_aria-disabled_eq_true_rb__rp__c_not_lp__c_disabled_rp_-255 width-0-40px--255" style="--primary: blue; --bg: blue; --primaryHoverBg: blue; --hoverBg: blue; --disabledBg: blue;">
     <div class=" background-color-0-_h_FFF--255 border-radius-0-100_pc_--255 height-0-20px--255 width-0-20px--255 outline-0-4px--255 position-0-absolute--255 transition-0-_d_25s--255 outline-0-4px_s_solid-_c_is_lp__lb_role_eq_group_rb__cm__lb_data-group_rb__rp__c_hover_s__a_-255 outline-color-0-var_lp_--switchHoverOutline_cm_light-dark_lp_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_20_pc__cm_transparent_rp__cm_color-mix_lp_in_s_srgb_cm_var_lp_--primary_rp__s_50_pc__cm_transparent_rp__rp__rp_-_c_is_lp__lb_role_eq_group_rb__cm__lb_data-group_rb__rp__c_hover_s__a_-255 filter-0-drop-shadow_lp_0_s_0_s_3px_s_var_lp_--switchShadow_cm__h_0000001A_rp__rp_--255 top-0--6px--255 " style="--primary: blue; --primaryHoverBg: blue; --switchShadow: blue; --switchHoverOutline: blue;">
     </div>
   </div>
diff --git a/packages/components/src/components/Toggle/__tests__/index.browser.test.tsx b/packages/components/src/components/Toggle/__tests__/index.browser.test.tsx
index c0f58e34c..e872cea3e 100644
--- a/packages/components/src/components/Toggle/__tests__/index.browser.test.tsx
+++ b/packages/components/src/components/Toggle/__tests__/index.browser.test.tsx
@@ -1,5 +1,5 @@
 import { describe, expect, it, mock } from 'bun:test'
-import { act, render, userEvent } from 'bun-test-env-dom'
+import { act, fireEvent, render, userEvent } from 'bun-test-env-dom'
 
 import { Toggle } from '../index'
 
@@ -91,4 +91,36 @@ describe('Toggle', () => {
       }))
     expect(input).toHaveAttribute('value', 'true')
   })
+
+  it('is a switch toggled by Space and Enter', () => {
+    const onChange = mock()
+    const { getByRole, container } = render(
+      <Toggle aria-label="Dark mode" name="dark" onChange={onChange} />,
+    )
+    const toggle = getByRole('switch')
+    expect(toggle).toHaveAttribute('aria-checked', 'false')
+    expect(toggle).toHaveAttribute('aria-label', 'Dark mode')
+    expect(toggle).toHaveAttribute('tabindex', '0')
+    fireEvent.keyDown(toggle, { key: ' ' })
+    expect(onChange).toHaveBeenLastCalledWith(true)
+    expect(toggle).toHaveAttribute('aria-checked', 'true')
+    fireEvent.keyDown(toggle, { key: 'Enter' })
+    expect(onChange).toHaveBeenLastCalledWith(false)
+    fireEvent.keyDown(toggle, { key: 'a' })
+    expect(onChange).toHaveBeenCalledTimes(2)
+    expect(container.querySelector('input')).toHaveAttribute('name', 'dark')
+  })
+
+  it('ignores keys and leaves the tab order when disabled', () => {
+    const onChange = mock()
+    const { getByRole, container } = render(
+      <Toggle aria-labelledby="l" disabled onChange={onChange} />,
+    )
+    const toggle = getByRole('switch')
+    expect(toggle).toHaveAttribute('tabindex', '-1')
+    expect(toggle).toHaveAttribute('aria-labelledby', 'l')
+    fireEvent.keyDown(toggle, { key: ' ' })
+    expect(onChange).not.toHaveBeenCalled()
+    expect(container.querySelector('input')).toBeDisabled()
+  })
 })
diff --git a/packages/components/src/components/Toggle/index.tsx b/packages/components/src/components/Toggle/index.tsx
index 67adeb8ee..c766cf266 100644
--- a/packages/components/src/components/Toggle/index.tsx
+++ b/packages/components/src/components/Toggle/index.tsx
@@ -8,6 +8,10 @@ interface ToggleProps {
   onChange?: (value: boolean) => void
   disabled?: boolean
   variant?: 'default' | 'switch'
+  /** The name the value is submitted under in a form */
+  name?: string
+  'aria-label'?: string
+  'aria-labelledby'?: string
   className?: string
   style?: React.CSSProperties
   classNames?: {
@@ -38,6 +42,9 @@ export function Toggle({
   colors,
   classNames,
   styles,
+  name,
+  'aria-label': ariaLabel,
+  'aria-labelledby': ariaLabelledBy,
 }: ToggleProps) {
   const [innerValue, setInnerValue] = useState<boolean>(
     value ?? defaultValue ?? false,
@@ -55,7 +62,14 @@ export function Toggle({
   return (
     <>
       <Box
+        _focusVisible={{
+          outline: '2px solid var(--primary)',
+          outlineOffset: '2px',
+        }}
+        aria-checked={resultValue}
         aria-disabled={disabled}
+        aria-label={ariaLabel}
+        aria-labelledby={ariaLabelledBy}
         bg={
           resultValue
             ? 'var(--primary)'
@@ -69,8 +83,14 @@ export function Toggle({
         h={isDefault ? '28px' : '8px'}
         justifyContent={resultValue && 'flex-end'}
         onClick={() => !disabled && handleToggle(resultValue)}
+        onKeyDown={(event) => {
+          if (disabled || (event.key !== ' ' && event.key !== 'Enter')) return
+          event.preventDefault()
+          handleToggle(resultValue)
+        }}
         p={isDefault && 1}
         position="relative"
+        role="switch"
         selectors={{
           '&[aria-disabled=true]': {
             cursor: 'not-allowed',
@@ -90,6 +110,7 @@ export function Toggle({
           hoverBg: colors?.hoverBg,
           disabledBg: colors?.disabledBg,
         }}
+        tabIndex={disabled ? -1 : 0}
         test-id="toggle-wrapper"
         transition=".25s"
         w={isDefault ? '50px' : '40px'}
@@ -123,7 +144,12 @@ export function Toggle({
           transition=".25s"
         />
       </Box>
-      <Input type="hidden" value={String(resultValue)} />
+      <Input
+        disabled={disabled}
+        name={name}
+        type="hidden"
+        value={String(resultValue)}
+      />
     </>
   )
 }