Full deployment history for this project.
feat(contact): Add htmlFor and id to form labels and inputs This commit associates the form labels with their corresponding inputs using `htmlFor` and `id` attributes. This improves accessibility for screen readers and allows users to focus the input fields by clicking on the labels.
⚡ Bolt: Implement route-based code splitting - Use React.lazy and Suspense to dynamically import non-home routes (About, Services, Contact) - Reduce initial bundle payload by preventing eager loading of all pages on app start - Wrapped individual Route elements with Suspense to maintain Framer Motion page transitions
🎨 Palette: Improve footer link accessibility
⚡ Bolt: Add route-based code splitting
Add htmlFor and id attributes to contact form fields Co-authored-by: mbarbine <3211492+mbarbine@users.noreply.github.com>
feat(a11y): Improve semantic HTML and ARIA labels for navigation - Added descriptive `aria-label`s to icon-only links in Footer - Converted NavBar mobile menu toggle from `<div>` to `<button>` - Added `aria-expanded` and `aria-label` to mobile menu toggle - Added `aria-hidden="true"` to decorative icons - Updated CSS to reset default `<button>` styling for visual parity - Documented learning in .Jules/palette.md Co-authored-by: mbarbine <3211492+mbarbine@users.noreply.github.com>
⚡ Bolt: Refactor to route-based code splitting using React.lazy and Suspense Co-authored-by: mbarbine <3211492+mbarbine@users.noreply.github.com>
🎨 Palette: Improve accessibility of mobile menu toggle Replaced the `div` element used for the mobile menu icon with a semantic `button` element to improve keyboard accessibility. Added `aria-label` and `aria-expanded` attributes to provide context for screen readers. Applied basic reset styles and a custom `focus-visible` outline to ensure it works properly as a focusable element while matching the current design language. Co-authored-by: mbarbine <3211492+mbarbine@users.noreply.github.com>
🎨 Palette: Add ARIA labels to footer social icons Added descriptive `aria-label` attributes to the 4 social/contact `<a>` tags in the footer, which previously only contained icons. This improves screen reader accessibility and overall UX. Co-authored-by: mbarbine <3211492+mbarbine@users.noreply.github.com>