From 04174da716850655fe2a79b87007af52cc91ac06 Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Mon, 24 Mar 2025 14:13:07 -0700
Subject: [PATCH 01/17] fix(checkbox): fix safari voice over not recognizing
 ion-checkbox as a checkbox

---
 core/src/components/checkbox/checkbox.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 2dbfbedbd1f..d5da1ffc46d 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -255,6 +255,7 @@ export class Checkbox implements ComponentInterface {
 
     return (
       <Host
+        role="checkbox"
         aria-checked={indeterminate ? 'mixed' : `${checked}`}
         aria-describedby={this.getHintTextID()}
         aria-invalid={this.getHintTextID() === this.errorTextId}

From d82a20467c09702a6602272137a2cbb9a3a8999e Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Tue, 25 Mar 2025 06:13:39 -0700
Subject: [PATCH 02/17] fix(checkbox): fixing accessibility issues created by
 making host element a checkbox

---
 core/src/components/checkbox/checkbox.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index d5da1ffc46d..67d564c870d 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -181,6 +181,15 @@ export class Checkbox implements ComponentInterface {
     this.ionBlur.emit();
   };
 
+  private onKeyDown = (ev: KeyboardEvent) => {
+    if (ev.key === ' ' || ev.key === 'Enter') {
+      ev.preventDefault();
+      if (!this.disabled) {
+        this.toggleChecked(ev);
+      }
+    }
+  };
+
   private onClick = (ev: MouseEvent) => {
     if (this.disabled) {
       return;
@@ -259,6 +268,10 @@ export class Checkbox implements ComponentInterface {
         aria-checked={indeterminate ? 'mixed' : `${checked}`}
         aria-describedby={this.getHintTextID()}
         aria-invalid={this.getHintTextID() === this.errorTextId}
+        aria-labelledby={inputId + '-lbl'}
+        aria-disabled={disabled ? 'true' : null}
+        tabindex="0"
+        onKeyDown={this.onKeyDown}
         class={createColorClasses(color, {
           [mode]: true,
           'in-item': hostContext('ion-item', el),
@@ -272,13 +285,15 @@ export class Checkbox implements ComponentInterface {
         })}
         onClick={this.onClick}
       >
-        <label class="checkbox-wrapper">
+        <label class="checkbox-wrapper" htmlFor={inputId}>
           {/*
             The native control must be rendered
             before the visible label text due to https://bugs.webkit.org/show_bug.cgi?id=251951
           */}
           <input
             type="checkbox"
+            aria-hidden="true"
+            tabindex="-1"
             checked={checked ? true : undefined}
             disabled={disabled}
             id={inputId}
@@ -295,6 +310,7 @@ export class Checkbox implements ComponentInterface {
               'label-text-wrapper-hidden': el.textContent === '',
             }}
             part="label"
+            id={inputId + '-lbl'}
           >
             <slot></slot>
             {this.renderHintText()}

From dbc7d7af546157961dce88486e187f65a188c418 Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Tue, 25 Mar 2025 06:36:31 -0700
Subject: [PATCH 03/17] fix(checkbox): trying to fix lack of label error

---
 core/src/components/checkbox/checkbox.scss |  8 ++++++++
 core/src/components/checkbox/checkbox.tsx  | 17 ++++++++++++-----
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/core/src/components/checkbox/checkbox.scss b/core/src/components/checkbox/checkbox.scss
index 9cb35cca8f5..487ea2f0ebc 100644
--- a/core/src/components/checkbox/checkbox.scss
+++ b/core/src/components/checkbox/checkbox.scss
@@ -102,6 +102,14 @@
   @include margin(null, null, $checkbox-item-label-margin-bottom, null);
 }
 
+/**
+  * The native control it must be hidden with display:none instead of aria-hidden="true"
+  * to avoid nested interactive elements accessibility issues
+ */
+.checkbox-native-control {
+  display: none;
+}
+
 /**
  * If no label text is placed into the slot
  * then the element should be hidden otherwise
diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 67d564c870d..1ad7af8ba44 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -262,13 +262,21 @@ export class Checkbox implements ComponentInterface {
 
     renderHiddenInput(true, el, name, checked ? value : '', disabled);
 
+    // Determine appropriate accessible name
+    const hasLabelContent = el.textContent !== '';
+    const inputLabelId = inputId + '-lbl';
+
     return (
+      /*
+        The host must be a checkbox role to support Safari's Voice Over accessibility
+      */
       <Host
         role="checkbox"
         aria-checked={indeterminate ? 'mixed' : `${checked}`}
         aria-describedby={this.getHintTextID()}
         aria-invalid={this.getHintTextID() === this.errorTextId}
-        aria-labelledby={inputId + '-lbl'}
+        aria-labelledby={hasLabelContent ? inputLabelId : null}
+        aria-label={!hasLabelContent ? inheritedAttributes['aria-label'] || 'checkbox' : null}
         aria-disabled={disabled ? 'true' : null}
         tabindex="0"
         onKeyDown={this.onKeyDown}
@@ -292,8 +300,7 @@ export class Checkbox implements ComponentInterface {
           */}
           <input
             type="checkbox"
-            aria-hidden="true"
-            tabindex="-1"
+            class="checkbox-native-control"
             checked={checked ? true : undefined}
             disabled={disabled}
             id={inputId}
@@ -307,10 +314,10 @@ export class Checkbox implements ComponentInterface {
           <div
             class={{
               'label-text-wrapper': true,
-              'label-text-wrapper-hidden': el.textContent === '',
+              'label-text-wrapper-hidden': !hasLabelContent,
             }}
             part="label"
-            id={inputId + '-lbl'}
+            id={inputLabelId}
           >
             <slot></slot>
             {this.renderHintText()}

From e7a70de5b78d30a620ed53e9961d39abf576f85e Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Wed, 26 Mar 2025 11:00:01 -0700
Subject: [PATCH 04/17] chore(checkbox): moving comment out of render so it
 doesn't end up in the DOM

---
 core/src/components/checkbox/checkbox.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 1ad7af8ba44..937b1862530 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -266,10 +266,8 @@ export class Checkbox implements ComponentInterface {
     const hasLabelContent = el.textContent !== '';
     const inputLabelId = inputId + '-lbl';
 
+    // The host must be a checkbox role to support Safari's Voice Over accessibility      
     return (
-      /*
-        The host must be a checkbox role to support Safari's Voice Over accessibility
-      */
       <Host
         role="checkbox"
         aria-checked={indeterminate ? 'mixed' : `${checked}`}

From 3feceb4d3274beb393854e425f289c5e17cda483 Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Wed, 26 Mar 2025 11:03:26 -0700
Subject: [PATCH 05/17] fix(checkbox): lint

---
 core/src/components/checkbox/checkbox.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 937b1862530..4b4ecffe34b 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -266,7 +266,7 @@ export class Checkbox implements ComponentInterface {
     const hasLabelContent = el.textContent !== '';
     const inputLabelId = inputId + '-lbl';
 
-    // The host must be a checkbox role to support Safari's Voice Over accessibility      
+    // The host must be a checkbox role to support Safari's Voice Over accessibility
     return (
       <Host
         role="checkbox"

From 247f6d63957c0657c45afc4d537b52f5bb897033 Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Wed, 26 Mar 2025 11:21:15 -0700
Subject: [PATCH 06/17] fix(checkbox): remove focusable on disabled

---
 core/src/components/checkbox/checkbox.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 4b4ecffe34b..507afd7c201 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -276,7 +276,7 @@ export class Checkbox implements ComponentInterface {
         aria-labelledby={hasLabelContent ? inputLabelId : null}
         aria-label={!hasLabelContent ? inheritedAttributes['aria-label'] || 'checkbox' : null}
         aria-disabled={disabled ? 'true' : null}
-        tabindex="0"
+        tabindex={disabled ? '-1' : '0'}
         onKeyDown={this.onKeyDown}
         class={createColorClasses(color, {
           [mode]: true,

From 9fabf82a2df9085f5a503fcf52c28f4e40c361a4 Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Wed, 26 Mar 2025 11:23:50 -0700
Subject: [PATCH 07/17] refactor(checkbox): targetting checkbox through 
 instead of new class

---
 core/src/components/checkbox/checkbox.scss | 14 +++++---------
 core/src/components/checkbox/checkbox.tsx  |  1 -
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/core/src/components/checkbox/checkbox.scss b/core/src/components/checkbox/checkbox.scss
index 487ea2f0ebc..b47cc34db35 100644
--- a/core/src/components/checkbox/checkbox.scss
+++ b/core/src/components/checkbox/checkbox.scss
@@ -102,14 +102,6 @@
   @include margin(null, null, $checkbox-item-label-margin-bottom, null);
 }
 
-/**
-  * The native control it must be hidden with display:none instead of aria-hidden="true"
-  * to avoid nested interactive elements accessibility issues
- */
-.checkbox-native-control {
-  display: none;
-}
-
 /**
  * If no label text is placed into the slot
  * then the element should be hidden otherwise
@@ -119,8 +111,12 @@
   display: none;
 }
 
+/**
+  * The native control it must be hidden with display:none instead of aria-hidden="true"
+  * to avoid nested interactive elements accessibility issues
+ */
 input {
-  @include visually-hidden();
+  display: none;
 }
 
 .native-wrapper {
diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 507afd7c201..72eed6e73bf 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -298,7 +298,6 @@ export class Checkbox implements ComponentInterface {
           */}
           <input
             type="checkbox"
-            class="checkbox-native-control"
             checked={checked ? true : undefined}
             disabled={disabled}
             id={inputId}

From e8446caa682f4389ab52c2b255c24edefa6c6a96 Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Wed, 26 Mar 2025 12:26:43 -0700
Subject: [PATCH 08/17] Update core/src/components/checkbox/checkbox.scss

Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com>
---
 core/src/components/checkbox/checkbox.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/core/src/components/checkbox/checkbox.scss b/core/src/components/checkbox/checkbox.scss
index b47cc34db35..abad8bc3317 100644
--- a/core/src/components/checkbox/checkbox.scss
+++ b/core/src/components/checkbox/checkbox.scss
@@ -112,8 +112,8 @@
 }
 
 /**
-  * The native control it must be hidden with display:none instead of aria-hidden="true"
-  * to avoid nested interactive elements accessibility issues
+  * The native input must be hidden with display instead of visibility or 
+  * aria-hidden to avoid accessibility issues with nested interactive elements
  */
 input {
   display: none;

From 007391b06c8e46de5dd7a0606d73c5cc15d388c3 Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Wed, 26 Mar 2025 12:26:51 -0700
Subject: [PATCH 09/17] Update core/src/components/checkbox/checkbox.tsx

Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com>
---
 core/src/components/checkbox/checkbox.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 72eed6e73bf..7f0e90e49e1 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -266,7 +266,8 @@ export class Checkbox implements ComponentInterface {
     const hasLabelContent = el.textContent !== '';
     const inputLabelId = inputId + '-lbl';
 
-    // The host must be a checkbox role to support Safari's Voice Over accessibility
+    // The host element must have a checkbox role to ensure proper VoiceOver
+    // support in Safari for accessibility
     return (
       <Host
         role="checkbox"

From bbeff5b6f2356b69809c56924a1a803dcc95eefc Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Wed, 26 Mar 2025 12:26:57 -0700
Subject: [PATCH 10/17] Update core/src/components/checkbox/checkbox.tsx

Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com>
---
 core/src/components/checkbox/checkbox.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 7f0e90e49e1..04fa817ef5a 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -277,7 +277,7 @@ export class Checkbox implements ComponentInterface {
         aria-labelledby={hasLabelContent ? inputLabelId : null}
         aria-label={!hasLabelContent ? inheritedAttributes['aria-label'] || 'checkbox' : null}
         aria-disabled={disabled ? 'true' : null}
-        tabindex={disabled ? '-1' : '0'}
+        tabindex={disabled ? undefined : 0}
         onKeyDown={this.onKeyDown}
         class={createColorClasses(color, {
           [mode]: true,

From 7434c73c7e288fc5a23e719a1b4851cc50efc7df Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Thu, 27 Mar 2025 15:07:39 -0700
Subject: [PATCH 11/17] Update core/src/components/checkbox/checkbox.tsx

Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com>
---
 core/src/components/checkbox/checkbox.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 04fa817ef5a..85a2aed7c03 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -182,7 +182,7 @@ export class Checkbox implements ComponentInterface {
   };
 
   private onKeyDown = (ev: KeyboardEvent) => {
-    if (ev.key === ' ' || ev.key === 'Enter') {
+    if (ev.key === ' ') {
       ev.preventDefault();
       if (!this.disabled) {
         this.toggleChecked(ev);

From 1646e1ef29c43a725216649efbe050b18a2f7c0b Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Thu, 27 Mar 2025 15:07:54 -0700
Subject: [PATCH 12/17] Update core/src/components/checkbox/checkbox.scss

Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com>
---
 core/src/components/checkbox/checkbox.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/core/src/components/checkbox/checkbox.scss b/core/src/components/checkbox/checkbox.scss
index abad8bc3317..438add273d0 100644
--- a/core/src/components/checkbox/checkbox.scss
+++ b/core/src/components/checkbox/checkbox.scss
@@ -112,8 +112,8 @@
 }
 
 /**
-  * The native input must be hidden with display instead of visibility or 
-  * aria-hidden to avoid accessibility issues with nested interactive elements
+ * The native input must be hidden with display instead of visibility or 
+ * aria-hidden to avoid accessibility issues with nested interactive elements.
  */
 input {
   display: none;

From 6a35a264c4f2b3b5e850d76f9b4fb5aa0d708983 Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Thu, 27 Mar 2025 15:08:02 -0700
Subject: [PATCH 13/17] Update core/src/components/checkbox/checkbox.tsx

Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com>
---
 core/src/components/checkbox/checkbox.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 85a2aed7c03..1975ed308a1 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -262,7 +262,7 @@ export class Checkbox implements ComponentInterface {
 
     renderHiddenInput(true, el, name, checked ? value : '', disabled);
 
-    // Determine appropriate accessible name
+    // Determine appropriate accessible name.
     const hasLabelContent = el.textContent !== '';
     const inputLabelId = inputId + '-lbl';
 

From d674ad1b7c091f1adc9867334b8259c3c8f48886 Mon Sep 17 00:00:00 2001
From: Shane <shane@shanessite.net>
Date: Thu, 27 Mar 2025 15:08:12 -0700
Subject: [PATCH 14/17] Update core/src/components/checkbox/checkbox.tsx

Co-authored-by: Maria Hutt <thetaPC@users.noreply.github.com>
---
 core/src/components/checkbox/checkbox.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 1975ed308a1..df43daf141c 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -267,7 +267,7 @@ export class Checkbox implements ComponentInterface {
     const inputLabelId = inputId + '-lbl';
 
     // The host element must have a checkbox role to ensure proper VoiceOver
-    // support in Safari for accessibility
+    // support in Safari for accessibility.
     return (
       <Host
         role="checkbox"

From 24c1c185f8a536cfbd33360992b5c0a5c5cf124e Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Fri, 28 Mar 2025 05:35:32 -0700
Subject: [PATCH 15/17] refactor(checkbox): move label ID to class property

---
 core/src/components/checkbox/checkbox.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index df43daf141c..4f799d05587 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -31,6 +31,7 @@ import type { CheckboxChangeEventDetail } from './checkbox-interface';
 })
 export class Checkbox implements ComponentInterface {
   private inputId = `ion-cb-${checkboxIds++}`;
+  private inputLabelId = `${this.inputId}-lbl`;
   private helperTextId = `${this.inputId}-helper-text`;
   private errorTextId = `${this.inputId}-error-text`;
   private focusEl?: HTMLElement;
@@ -264,7 +265,6 @@ export class Checkbox implements ComponentInterface {
 
     // Determine appropriate accessible name.
     const hasLabelContent = el.textContent !== '';
-    const inputLabelId = inputId + '-lbl';
 
     // The host element must have a checkbox role to ensure proper VoiceOver
     // support in Safari for accessibility.
@@ -274,7 +274,7 @@ export class Checkbox implements ComponentInterface {
         aria-checked={indeterminate ? 'mixed' : `${checked}`}
         aria-describedby={this.getHintTextID()}
         aria-invalid={this.getHintTextID() === this.errorTextId}
-        aria-labelledby={hasLabelContent ? inputLabelId : null}
+        aria-labelledby={hasLabelContent ? this.inputLabelId : null}
         aria-label={!hasLabelContent ? inheritedAttributes['aria-label'] || 'checkbox' : null}
         aria-disabled={disabled ? 'true' : null}
         tabindex={disabled ? undefined : 0}
@@ -315,7 +315,7 @@ export class Checkbox implements ComponentInterface {
               'label-text-wrapper-hidden': !hasLabelContent,
             }}
             part="label"
-            id={inputLabelId}
+            id={this.inputLabelId}
           >
             <slot></slot>
             {this.renderHintText()}

From 678d747f2358ad40e06fc73aab4d214f2a483a9d Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Fri, 28 Mar 2025 05:58:50 -0700
Subject: [PATCH 16/17] refactor(label): test removing fallback checkbox label

---
 core/src/components/checkbox/checkbox.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 4f799d05587..2bb9788ac0f 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -275,7 +275,7 @@ export class Checkbox implements ComponentInterface {
         aria-describedby={this.getHintTextID()}
         aria-invalid={this.getHintTextID() === this.errorTextId}
         aria-labelledby={hasLabelContent ? this.inputLabelId : null}
-        aria-label={!hasLabelContent ? inheritedAttributes['aria-label'] || 'checkbox' : null}
+        aria-label={inheritedAttributes['aria-label'] || null}
         aria-disabled={disabled ? 'true' : null}
         tabindex={disabled ? undefined : 0}
         onKeyDown={this.onKeyDown}

From f0cd91b96cbc020a9df466fafb209a43ea88ac5a Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Fri, 28 Mar 2025 06:11:06 -0700
Subject: [PATCH 17/17] refactor(checkbox): code clean up

---
 core/src/components/checkbox/checkbox.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index 2bb9788ac0f..3b9c3e6724a 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -260,12 +260,10 @@ export class Checkbox implements ComponentInterface {
     } = this;
     const mode = getIonMode(this);
     const path = getSVGPath(mode, indeterminate);
+    const hasLabelContent = el.textContent !== '';
 
     renderHiddenInput(true, el, name, checked ? value : '', disabled);
 
-    // Determine appropriate accessible name.
-    const hasLabelContent = el.textContent !== '';
-
     // The host element must have a checkbox role to ensure proper VoiceOver
     // support in Safari for accessibility.
     return (