From 274341037da8cebf144e0dbe005fc8850ae2422c Mon Sep 17 00:00:00 2001
From: Corina <14900841+corinagum@users.noreply.github.com>
Date: Fri, 13 Sep 2019 10:34:20 -0700
Subject: [PATCH] Added aria-label to checkboxes to prevent doubling of text

* #1823 Add aria-label to checkboxes to prevent doubling of text

* Update CHANGELOG.md
---
 CHANGELOG.md                                           | 1 +
 packages/sdk/ui-react/src/widget/checkbox/checkbox.tsx | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 42f3d0ab9..ae781d7a6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -52,6 +52,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - [1861](https://github.com/microsoft/BotFramework-Emulator/pull/1861)
   - [1862](https://github.com/microsoft/BotFramework-Emulator/pull/1862)
   - [1864](https://github.com/microsoft/BotFramework-Emulator/pull/1864)
+  - [1865](https://github.com/microsoft/BotFramework-Emulator/pull/1865)
   - [1867](https://github.com/microsoft/BotFramework-Emulator/pull/1867)
  
  - [client] Fixed an issue with the transcripts path input inside of the resource settings dialog in PR [1836](https://github.com/microsoft/BotFramework-Emulator/pull/1836)
diff --git a/packages/sdk/ui-react/src/widget/checkbox/checkbox.tsx b/packages/sdk/ui-react/src/widget/checkbox/checkbox.tsx
index 08d67dfd0..d37712e11 100644
--- a/packages/sdk/ui-react/src/widget/checkbox/checkbox.tsx
+++ b/packages/sdk/ui-react/src/widget/checkbox/checkbox.tsx
@@ -90,7 +90,14 @@ export class Checkbox extends React.Component<CheckboxProps, CheckboxState> {
     return (
       <label id={this.checkboxId} className={`${styles.label} ${disabledClass} ${className}`} data-checked={checked}>
         <span className={`${styles.checkMark} ${checkMarkStyles}`} />
-        <input type="checkbox" {...inputProps} className={styles.checkbox} ref={this.checkboxRef} readOnly={true} />
+        <input
+          aria-label={label}
+          type="checkbox"
+          {...inputProps}
+          className={styles.checkbox}
+          ref={this.checkboxRef}
+          readOnly={true}
+        />
         {label}
         {this.props.children}
       </label>