From 707466b1df8566a17d6f0830c5d5bc447c19d5bd Mon Sep 17 00:00:00 2001
From: Bhavy Khatri <bhavykhatri@gmail.com>
Date: Tue, 30 Nov 2021 21:53:22 +0530
Subject: [PATCH] Accessibility Bug Fix: Tab focus doesn't reach Dark mode
 toggle button (#453)

---
 _includes/mode-toggle.html | 6 ++++++
 _includes/sidebar.html     | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/_includes/mode-toggle.html b/_includes/mode-toggle.html
index 4108c83..da80863 100644
--- a/_includes/mode-toggle.html
+++ b/_includes/mode-toggle.html
@@ -142,4 +142,10 @@
 
   });
 
+  $("#mode-toggle-wrapper").keyup(function(e){
+    if(e.keyCode == 13) {
+      toggle.flipMode();
+    }
+  });
+
 </script>
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index 5fd3eb0..2acaa4b 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -52,7 +52,7 @@
   </ul> <!-- ul.nav.flex-column -->
 
   <div class="sidebar-bottom mt-auto d-flex flex-wrap justify-content-center align-items-center">
-
+    
     {% for entry in site.data.contact %}
       {% capture url %}
         {%- if entry.type == 'github' -%}
@@ -84,7 +84,7 @@
         <span class="icon-border order-2"></span>
       {% endif %}
 
-      <span id="mode-toggle-wrapper" class="order-1">
+      <span id="mode-toggle-wrapper" class="order-1" tabindex="0">
         {% include mode-toggle.html %}
       </span>
     {% endunless %}