feat: add focus outlines for nav elements to improve accessibility visibility

Co-authored-by: aider (o3) <aider@aider.chat>
2025-07-24 23:14:24 -04:00
parent 386148f877
commit 8776a554cb
1 changed files with 14 additions and 0 deletions
@@ -1,4 +1,18 @@
 <body class="s-lib-public-body">
+  <style>
+    /* Accessible focus indicators for primary navigation elements */
+    #hamburger:focus,
+    #hamburger:focus-visible,
+    #login-div:focus,
+    #login-div:focus-visible,
+    .searchmenu:focus,
+    .searchmenu:focus-visible,
+    .nav-jumbotron-link:focus,
+    .nav-jumbotron-link:focus-visible {
+      outline: 3px solid #0056b3; /* high-contrast blue */
+      outline-offset: 2px;
+    }
+  </style>
  <!-- Google Tag Manager (noscript) -->
  <noscript>
    <iframe