fix (a11y): add nav landmark to social and legal links

[virus-rpi]

Changes:

• add nav landmark to the legal links in the menu
• add nav landmark to the social links in the menu

[netlify]

✅ Deploy Preview for satellytes ready!

Name	Link
🔨 Latest commit	fb66168
🔍 Latest deploy log	https://app.netlify.com/sites/satellytes/deploys/66df0307ebc0500008a5e002
😎 Deploy Preview	https://deploy-preview-806--satellytes.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 86 (🟢 up 2 from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 93 (no change from production) PWA: 80 (no change from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[georgiee]

Thanks for bringing this up! The idea is correct but I think there is an issue with the depth of the placement.

The nav tag is far too low by wrapping individual links. It should at least wrap the LegalInks. Maybe even higher to catch the social links.

Please gather some knowledge about navigation landmarks so you can decide properly. Also ensure each nav element has a unique aria-label or aria-labelledby attribute as we have more than one nav then.

Some starters I found:

• https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/examples/navigation.html
• https://developer.mozilla.org/en-US/blog/aria-accessibility-html-landmark-roles/