LotusGuild/web_template
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

audit pass 12: type=button, focus restore, :focus-visible on links

Browse Source 
HTML:
- Add type="button" to all remaining buttons (nav drawer close, menu
  btn, theme toggle, notif bell, right drawer close, tab buttons,
  sidebar toggle, alert close x4, code copy, tab bar buttons x4,
  detail panel open, modal close x2, keyboard shortcuts close)
- Add aria-label="Search commands" to command palette input
- Notification panel close(true): restore focus to bell on Escape
- Generic dropdowns: add Escape key handler with trigger focus restore

CSS:
- Add a:focus-visible global focus ring
- Add .lt-nav-dropdown-menu li a:focus-visible
- Add .lt-markdown a:focus-visible
- Fix dead .lt-typeahead-option selector → .lt-typeahead-item with
  :hover, .is-focused, :focus-visible for light theme

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Jared Vititoe
2026-03-27 13:49:23 -04:00
parent ca2d6d225e
commit 45b968b77d
2 changed files with 45 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
base.css
+10
View File
@@ -227,6 +227,10 @@ a:hover {
color: var(--accent-orange);
text-shadow: var(--glow-orange);
}
a:focus-visible {
outline: 2px solid var(--accent-cyan);
outline-offset: 2px;
}
ul, ol { list-style: none; }
img, svg { display: block; max-width: 100%; }
@@ -543,6 +547,11 @@ hr {
text-shadow: var(--glow-orange);
padding-left: 1.1rem;
}
.lt-nav-dropdown-menu li a:focus-visible {
outline: 2px solid var(--accent-cyan);
outline-offset: -2px;
color: var(--accent-cyan);
}
/* Header user + admin badge */
.lt-header-user {
@@ -5055,6 +5064,7 @@ body.lt-is-offline .lt-main { margin-top: 2rem; transition: margin-top 0.25s eas
.lt-markdown hr { border: none; border-top: 1px solid var(--border-dim); margin: 1rem 0; }
.lt-markdown a { color: var(--accent-cyan); text-decoration: none; }
.lt-markdown a:hover { text-decoration: underline; }
.lt-markdown a:focus-visible { outline: 2px solid var(--accent-cyan); outline-offset: 2px; }
.lt-markdown strong { color: var(--text-primary); }
.lt-markdown img { max-width: 100%; border: 1px solid var(--border-dim); }
.lt-markdown table { width: 100%; border-collapse: collapse; font-size: 0.78rem; margin: 0.75rem 0; }