Header/footer polish, fix dead link, add focus rings

- Dashboard header shortened to match every other page (was notably taller than the rest). - Files moved before Settings in the bottom nav. - Removed the header's course-name badge - purely redundant with the page's own heading directly below it. - Fixed a dead link: "Progress" pointed to #stats, but no element with that id existed anywhere on the page. - Added a visible :focus-visible ring across all pages - tabbing through the site previously gave no indication of what was focused. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-26 10:14:02 -04:00
parent becbb0b419
commit 9fb193a07e
9 changed files with 69 additions and 35 deletions
@@ -706,6 +706,13 @@
            text-decoration: none;
            color: inherit;
        }
+        /* Visible keyboard-focus ring - see course_dashboard.html for why
+           :focus-visible (keyboard/switch only, not mouse clicks). */
+        a:focus-visible, button:focus-visible, input:focus-visible,
+        select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
+            outline: 2px solid var(--accent);
+            outline-offset: 2px;
+        }
    </style>
 </head>
 <body>