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)

まずウェブサイトに対してLighthouseのアクセシビリティ監査を実行し、報告された問題を確認します。次に、キーボードナビゲーションと視認可能なフォーカス状態について、コントロールとそのCSSを調査します。Accessibilityスコアが80を超え、すべてのコントロールをキーボードで操作でき、フォーカスのスタイルが明確で、HTML Lighthouseレポートがpull requestに含まれていれば完了です。

索引モデルが issue の本文から書いたものです。