Commit 59169de
authored
fix(landing): accessibility improvements + larger hero CTAs (#32)
* fix(landing): improve accessibility and enlarge hero CTA buttons
Fix Lighthouse a11y audit failures (score 66 → 90+ target):
- Add skip-to-content link with focus-visible styles
- Wrap content in <main> landmark
- Add aria-label to buttons without accessible names
- Add aria-label to textarea form element
- Add aria-hidden to all decorative SVGs
- Bump --text-muted contrast ratio (#555568 → #7a7a8e)
- Add prefers-reduced-motion media query
Also enlarge hero CTA buttons for more breathing room:
- .hero-actions gap 12→16px, margin-top 32→40px
- .btn padding 12px 24px→14px 32px, radius 10→12px, font 14→15px
- .btn-ghost font-size 13→14px
* fix(landing): bump --text-muted contrast to pass WCAG AA 4.5:1
#7a7a8e scored 4.48:1 on --bg-raised, just under the 4.5:1 threshold.
Bump to #7e7e92 which passes on all backgrounds (min 4.57:1).
* perf(landing): inline all CSS to eliminate render-blocking requests
Concatenate all 9 CSS files into a single <style> block in <head>.
Eliminates 9 render-blocking network requests (~180ms savings).
Total CSS is ~40KB uncompressed, small enough to inline.
CSS source files remain in styles/ for maintainability.1 parent 7bdd41b commit 59169de
5 files changed
Lines changed: 1368 additions & 48 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
43 | 43 | | |
44 | 44 | | |
45 | 45 | | |
46 | | - | |
| 46 | + | |
| 47 | + | |
0 commit comments