Check and improve accessibility with lighthouse

## Acceptance Criteria

- [ ] A Lighthouse accessibility audit is conducted and achieves above 80 on Accessibility.
- [ ] The Lighthouse report (HTML) is included in the Pull Request.
- [ ] CSS provides clear focus states to visually indicate the currently active control.
- [ ] All website controls can be navigated and activated using only the keyboard.

Check out the resources section below to figure out how to implement this requirement.

## Guidance 🧭

**Lighthouse Accessibility Testing:** [https://supercooldesign.co.uk/blog/how-to-run-a-lighthouse-audit](https://supercooldesign.co.uk/blog/how-to-run-a-lighthouse-audit)

Start by running a Lighthouse accessibility audit against the website and reviewing the reported issues, then inspect the controls and their CSS for keyboard navigation and visible focus states. Done means an Accessibility score above 80, keyboard operation for all controls, clear focus styling, and an HTML Lighthouse report included with the pull request.

Written by the indexing model from the issue text.