From 70ed2b0e85043f0cf7a89601d81e5d1187c2e08b Mon Sep 17 00:00:00 2001
From: Victoria Nduka <122698422+nwanduka@users.noreply.github.com>
Date: Mon, 22 Jul 2024 16:18:41 +0100
Subject: [PATCH 1/6] made nav buttons keyboard focusable

---
 apps/dev-workbench/workbench.html | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/apps/dev-workbench/workbench.html b/apps/dev-workbench/workbench.html
index 2cd832a60..98a9c6f27 100644
--- a/apps/dev-workbench/workbench.html
+++ b/apps/dev-workbench/workbench.html
@@ -67,7 +67,7 @@
       class="navbar navbar-expand-lg navbar-dark flex-row px-2"
       style="background: rgb(33, 37, 41);"
     >
-      <div style="cursor: pointer;" id="goBack">
+      <div style="cursor: pointer;" id="goBack" tabindex="0">
         <i data-feather="arrow-left" class="text-white"></i>
       </div>
 
@@ -87,13 +87,14 @@
           
           class="nav-item dropdown"
         >
-          <a
+          <button
             class="nav-link dropdown-toggle"
             id="navbarDropdownMenuLink"
             data-toggle="dropdown"
             aria-haspopup="true"
             aria-expanded="false"
-            >Options</a
+            aria-label="Options dropdown"
+            >Options</button
           >
           <div
             style="margin-left: -5em;"
@@ -105,20 +106,24 @@
               class="dropdown-item"
               href="#"
               style="display: none;"
-              ><i class="fas fa-file-export"></i>&nbsp;&nbsp;Export</a
+              tabindex="0"
+              role="menuitem"
+              ><i class="fas fa-file-export" aria-hidden="true"></i>&nbsp;&nbsp;Export</a
             >
             <a class="dropdown-item" href="#" onclick="importWork()"
-              ><i class="fas fa-file-import"></i>&nbsp;&nbsp;Import</a
+              tabindex="0" role="menuitem"><i class="fas fa-file-import"></i>&nbsp;&nbsp;Import</a
             >
-            <input type="file" id="importFile" />
+            <input type="file" id="importFile" tabindex="-1" />
             <a
               class="dropdown-item helpButton"
               href="#"
               data-toggle="modal"
               data-target="#helpModal"
               onClick="displayUserGuide()"
+              tabindex="0"
+              role="menuitem"
             >
-              <i class="fas fa-question-circle"></i>
+              <i class="fas fa-question-circle" aria-hidden="true"></i>
               &nbsp;&nbsp;Help/User Guide</a
             >
             </div>

From a2022e68ed9b228b6e89f790443714d9b46de7b7 Mon Sep 17 00:00:00 2001
From: Victoria Nduka <122698422+nwanduka@users.noreply.github.com>
Date: Mon, 22 Jul 2024 17:07:17 +0100
Subject: [PATCH 2/6] Update workbench.html

---
 apps/dev-workbench/workbench.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/dev-workbench/workbench.html b/apps/dev-workbench/workbench.html
index 98a9c6f27..a6c2e2aa0 100644
--- a/apps/dev-workbench/workbench.html
+++ b/apps/dev-workbench/workbench.html
@@ -88,7 +88,7 @@
           class="nav-item dropdown"
         >
           <button
-            class="nav-link dropdown-toggle"
+            class="nav-link dropdown-toggle options-button"
             id="navbarDropdownMenuLink"
             data-toggle="dropdown"
             aria-haspopup="true"

From ce1fd782edc7fd6507218ad33394183049161468 Mon Sep 17 00:00:00 2001
From: Victoria Nduka <122698422+nwanduka@users.noreply.github.com>
Date: Mon, 22 Jul 2024 17:22:14 +0100
Subject: [PATCH 3/6] styled options button for better contrast

---
 apps/dev-workbench/workbench.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/apps/dev-workbench/workbench.css b/apps/dev-workbench/workbench.css
index ef82ffc0f..3b1f0dd22 100644
--- a/apps/dev-workbench/workbench.css
+++ b/apps/dev-workbench/workbench.css
@@ -67,3 +67,8 @@
     margin-left: 0 !important;
   }
 }
+.navbar .nav-item .dropdown .options-button {
+  background-color: #000;
+  color: #fff;
+  border: none;
+}

From f6a65b2aad72b55aad56d9d22ba0c51c7f2f7326 Mon Sep 17 00:00:00 2001
From: Victoria Nduka <122698422+nwanduka@users.noreply.github.com>
Date: Mon, 22 Jul 2024 17:28:01 +0100
Subject: [PATCH 4/6] Update workbench.html

---
 apps/dev-workbench/workbench.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/dev-workbench/workbench.html b/apps/dev-workbench/workbench.html
index a6c2e2aa0..29655f9b8 100644
--- a/apps/dev-workbench/workbench.html
+++ b/apps/dev-workbench/workbench.html
@@ -170,7 +170,7 @@
                       margin-bottom: -1em;
                     "
                     type="button"
-                    class="btn btn-primary"
+                    class="btn btn-primary focus-visible"
                   >
                     <i data-feather="chevron-right" class="text-white"></i>
                   </button>

From 7ca8d8ad2c485eaac665419363f899ef18bb9b92 Mon Sep 17 00:00:00 2001
From: Victoria Nduka <122698422+nwanduka@users.noreply.github.com>
Date: Mon, 22 Jul 2024 17:48:38 +0100
Subject: [PATCH 5/6] made first stepper button focus visible

---
 apps/dev-workbench/workbench.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/apps/dev-workbench/workbench.css b/apps/dev-workbench/workbench.css
index 3b1f0dd22..035256828 100644
--- a/apps/dev-workbench/workbench.css
+++ b/apps/dev-workbench/workbench.css
@@ -72,3 +72,16 @@
   color: #fff;
   border: none;
 }
+
+.focus-visible:focus-visible {
+  outline: 3px solid #000;
+  outline-offset: 2px;
+  box-shadow: 0 0 0 5px rgb(23, 162, 184);
+}
+
+/* For browsers that don't support :focus-visible */
+.focus-visible:focus {
+  outline: 3px solid #000;
+  outline-offset: 2px;
+  box-shadow: 0 0 0 5px rgb(23, 162, 184);
+}

From 536fe92bf4ac69efc40e2a6a4858d6719542d3b7 Mon Sep 17 00:00:00 2001
From: Victoria Nduka <122698422+nwanduka@users.noreply.github.com>
Date: Mon, 29 Jul 2024 11:48:36 +0100
Subject: [PATCH 6/6] Update workbench.html

---
 apps/dev-workbench/workbench.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/dev-workbench/workbench.html b/apps/dev-workbench/workbench.html
index ec952fda3..e59bcb6d5 100644
--- a/apps/dev-workbench/workbench.html
+++ b/apps/dev-workbench/workbench.html
@@ -88,11 +88,12 @@
           class="nav-item dropdown"
         >
           <button
-            class="nav-link dropdown-toggle"
+            class="nav-link dropdown-toggle options-button"
             id="navbarDropdownMenuLink"
             data-toggle="dropdown"
             aria-haspopup="true"
             aria-expanded="false"
+            aria-label="Options dropdown"
             >Options</button
           >
           <div
@@ -169,7 +170,7 @@
                       margin-bottom: -1em;
                     "
                     type="button"
-                    class="btn btn-primary"
+                    class="btn btn-primary focus-visible"
                     aria-label="Select or create your dataset"
                   >
                     <i data-feather="chevron-right" class="text-white"></i>