From e22b20cf27e52e7e47161e4de7b65297421f85a0 Mon Sep 17 00:00:00 2001
From: JaredBain <jbbain22@gmail.com>
Date: Thu, 7 Jul 2022 13:13:27 -0400
Subject: [PATCH 1/3] fix acessibility hover

---
 _assets/css/pages/_fellows.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/_assets/css/pages/_fellows.scss b/_assets/css/pages/_fellows.scss
index 48257670c..727630792 100644
--- a/_assets/css/pages/_fellows.scss
+++ b/_assets/css/pages/_fellows.scss
@@ -122,6 +122,11 @@
           text-decoration: underline;
         }
       }
+      &:focus {
+        h2 {
+          text-decoration: underline;
+        }
+      }
       .body-intro--bold {
         color: color('primary');
         @include u-font('serif', 9); // 22 px -- h2 sizing overrides the typography.scss size declaration

From 65c8f6aeb33b910e437d1357c2bd220e73b28244 Mon Sep 17 00:00:00 2001
From: JaredBain <jbbain22@gmail.com>
Date: Thu, 7 Jul 2022 14:34:14 -0400
Subject: [PATCH 2/3] fix accessibility tabbing for home page

---
 _assets/css/component/_boxes.scss | 10 ++++++++++
 pages/home.html                   |  4 ++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/_assets/css/component/_boxes.scss b/_assets/css/component/_boxes.scss
index 00a3c2350..0d0e536a3 100644
--- a/_assets/css/component/_boxes.scss
+++ b/_assets/css/component/_boxes.scss
@@ -116,6 +116,12 @@
         outline-color: color("primary-vivid");
         outline-width: 8px;
     }
+    &:focus-visible {
+        @include u-bg("transparent");
+        outline-style: solid;
+        outline-color: color("primary-vivid");
+        outline-width: 8px;
+    }
 
     a {
         @include u-margin(0);
@@ -129,6 +135,10 @@
             @include u-bg("transparent");
             text-decoration: none;
         }
+        &:focus-visible {
+            @include u-bg("transparent");
+            text-decoration: none;
+        }
     }
 
     .usa-button {
diff --git a/pages/home.html b/pages/home.html
index 151a780f6..70bf938d3 100644
--- a/pages/home.html
+++ b/pages/home.html
@@ -110,7 +110,7 @@ <h3 class="twoline">Mentorship and <br class="display-none tablet:display-inline
 
         <!-- impact -->
         <div class="grid-row">
-          <div class="grid-col box-pane-button home-opportunity">
+          <div class="grid-col box-pane-button home-opportunity" tabindex="0">
             <a class="usa-button" href="{{site.baseurl}}/opportunity/">
               <div class="box-pane">
                 <h2>The Opportunity</h2>
@@ -124,7 +124,7 @@ <h2>The Opportunity</h2>
 
         <!-- mission and values -->
         <div class="grid-row">
-          <div class="grid-col box-pane-button home-about">
+          <div class="grid-col box-pane-button home-about" tabindex="0">
             <a class="usa-button" href="{{site.baseurl}}/about/">
               <div class="box-pane">
                 <h2>Who we are</h2>

From a645d7d6900358eeb50c705fc754ff28d8e562e8 Mon Sep 17 00:00:00 2001
From: JaredBain <jbbain22@gmail.com>
Date: Thu, 7 Sep 2023 14:20:27 -0400
Subject: [PATCH 3/3] add outline-offset

---
 _assets/css/component/_boxes.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/_assets/css/component/_boxes.scss b/_assets/css/component/_boxes.scss
index 0d0e536a3..06bd53d2e 100644
--- a/_assets/css/component/_boxes.scss
+++ b/_assets/css/component/_boxes.scss
@@ -121,6 +121,8 @@
         outline-style: solid;
         outline-color: color("primary-vivid");
         outline-width: 8px;
+        outline-offset: units(0.5);
+        
     }
 
     a {