Skip to content

feat: accessibility hardening and performance optimization (fixes #49…#69

Merged
Abidoyesimze merged 5 commits intoNeurowealth:mainfrom
tolulopedd26:feat/a11y-and-performance-issues-49-50
Apr 1, 2026
Merged

feat: accessibility hardening and performance optimization (fixes #49…#69
Abidoyesimze merged 5 commits intoNeurowealth:mainfrom
tolulopedd26:feat/a11y-and-performance-issues-49-50

Conversation

@tolulopedd26
Copy link
Copy Markdown
Contributor

…, #50)

Issue #49 – Accessibility (WCAG 2.1 AA)

  • Add skip-to-main-content link in root layout for keyboard users
  • Fix all form labels in signin/signup to use htmlFor + matching input id
  • Add aria-required, aria-describedby, and aria-live="polite" alert region for error messages on the sign-in form
  • Add aria-label="Main navigation" and aria-label="NeuroWealth home" to Navbar; mark decorative hex icon with aria-hidden
  • Add descriptive aria-label to Sign Out button
  • Add id="main-content" anchor target to landing page and signin page

Issue #50 – Performance optimization

  • Convert below-the-fold landing page sections to next/dynamic imports with ssr:true for route-level code splitting without layout shift
  • Add dashboard/loading.tsx and dashboard/transactions/loading.tsx skeleton screens for instant perceived-performance on async routes
  • Update next.config.mjs: enable gzip compression, avif/webp image formats, strip console logs in production, and optimizePackageImports for lucide-react

closes #49
closes #50

…rowealth#49, Neurowealth#50)

**Issue Neurowealth#49 – Accessibility (WCAG 2.1 AA)**
- Add skip-to-main-content link in root layout for keyboard users
- Fix all form labels in signin/signup to use htmlFor + matching input id
- Add aria-required, aria-describedby, and aria-live="polite" alert region
  for error messages on the sign-in form
- Add aria-label="Main navigation" and aria-label="NeuroWealth home" to
  Navbar; mark decorative hex icon with aria-hidden
- Add descriptive aria-label to Sign Out button
- Add id="main-content" anchor target to landing page <main> and signin page

**Issue Neurowealth#50 – Performance optimization**
- Convert below-the-fold landing page sections to next/dynamic imports with
  ssr:true for route-level code splitting without layout shift
- Add dashboard/loading.tsx and dashboard/transactions/loading.tsx skeleton
  screens for instant perceived-performance on async routes
- Update next.config.mjs: enable gzip compression, avif/webp image formats,
  strip console logs in production, and optimizePackageImports for lucide-react
@drips-wave
Copy link
Copy Markdown

drips-wave bot commented Mar 26, 2026

@tolulopedd26 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@Abidoyesimze
Copy link
Copy Markdown
Contributor

@tolulopedd26 kindly fix your conflict

@Abidoyesimze
Copy link
Copy Markdown
Contributor

Kindly fix conflict @tolulopedd26

@Abidoyesimze
Copy link
Copy Markdown
Contributor

kindly fix your conflict and i'll merge

@tolulopedd26
Copy link
Copy Markdown
Contributor Author

tolulopedd26 commented Apr 1, 2026

@Abidoyesimze i have resolve the conflict

@Abidoyesimze Abidoyesimze merged commit 7095480 into Neurowealth:main Apr 1, 2026
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Implement frontend performance optimization pass Perform accessibility hardening across key user flows

2 participants