Fix: Accessibility issues on contact page

[camillegonzales]

One-line summary

This PR addresses the accessibility issues outlined in Issue #15339.

• I used an AI to write some of this code.

Significant changes and points to review

Axe-core violations and changes:

1. ARIA role should be appropriate for the element: Removed role="navigation" from <ul class="category-tabs" role="navigation">, since "ARIA role navigation is not allowed for given element."
2. Heading levels should only increase by one: Changed <h4> tags to <h3>, since last heading level was <h2>.
3. <li> elements must be contained in a <ul> or <ol>: Wrapped the <ul> in a <nav> element to ensure semantic structure and proper roles, since "List item parent element has a role that is not role="list"."

Issue / Bugzilla link

Fixes #15339

Testing

Used browser Inspector tools and performed manual testing to verify functionality and accessibility.

[maureenlholland]

Great work - thanks!

There's one small update I'd like to include before merging, see aria-label comment

There's also a small style change from the heading update (h4 text size to h3 text size), but I think the visual hierarchy is still clear and it doesn't not need to be updated stylistically

[camillegonzales]

Hi Maureen! Thanks so much, I commited your suggested change. Let me know if there’s anything else you’d like updated.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 79.06%. Comparing base (907cf2d) to head (b6ce35c).
Report is 14 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #15695      +/-   ##
==========================================
+ Coverage   79.04%   79.06%   +0.01%     
==========================================
  Files         159      160       +1     
  Lines        8329     8355      +26     
==========================================
+ Hits         6584     6606      +22     
- Misses       1745     1749       +4     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[maureenlholland]

💯

Thanks again @camillegonzales ! 🎉