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