#673 Making navigation keyboard accessible

Signed-off-by: James Hunt <[email protected]>
linuxfoundation · Mar 27, 2023 · 4f03520 · 4f03520
1 parent ae80492
commit 4f03520
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/web/wp-content/themes/lfevents/src/assets/scss/modules/_header--lf-bar.scss b/web/wp-content/themes/lfevents/src/assets/scss/modules/_header--lf-bar.scss
@@ -38,6 +38,9 @@
     &:visited {
       color: $pure-white;
     }
+    &:focus {
+      text-decoration: underline;
+    }
   }
 
   &__avatar {
@@ -72,6 +75,10 @@
     &:hover {
       background-color: $lf-grey-200;
     }
+
+    &:focus {
+      text-decoration: underline;
+    }
   }
 
   // initially hide the only-authenticated parts in LFX SSO.

diff --git a/web/wp-content/themes/lfevents/src/assets/scss/modules/_header-global.scss b/web/wp-content/themes/lfevents/src/assets/scss/modules/_header-global.scss
@@ -50,6 +50,9 @@
 // Desktop.
 @media (min-width: 1024px) {
   .header-global {
+    &__hamburger {
+      display: none;
+    }
     &__logo-nav {
       font-weight: 600;
       font-size: 15px;
@@ -125,9 +128,9 @@
               border-top: 5px solid $lf-grey-200;
             }
           }
-          &:hover > ul,
-          &:focus > ul,
-          &.focus > ul {
+          &.is-open > .sub-menu,
+          &:focus > .sub-menu,
+          &:focus-within > .sub-menu {
             left: -1em;
             top: 100%;
             opacity: 1;