From 31fca71894db82137bebf2bd4ee207091574a7fd Mon Sep 17 00:00:00 2001
From: Marouane Faris <faris.marouane@gmail.com>
Date: Fri, 30 Jun 2023 17:27:32 +0200
Subject: [PATCH] Add label to toggle's input for accessibility

---
 src/component/index.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/component/index.js b/src/component/index.js
index c5c764f..640f2d0 100644
--- a/src/component/index.js
+++ b/src/component/index.js
@@ -155,7 +155,11 @@ export default class Toggle extends PureComponent {
           </div>
         </div>
         <div className='react-toggle-thumb' />
-
+        {inputProps.id && (
+          <label className='react-toggle-screenreader-only' htmlFor={inputProps.id}>
+            React-toggle checkbox. Screenreader only
+          </label>
+        )}
         <input
           {...inputProps}
           ref={ref => { this.input = ref }}