Skip to content

Homepage accessibility improvements

Sarah German requested to merge homepage-a11y-fixes into main

What does this MR do and why?

Splitting this off from !4461 (merged) for the sake of streamlining reviews.

Improvements:

Improves Lighthouse accessibility score on the homepage from 94% to 100%.

Screenshots, screen recordings, or links to review app

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Configure a local GitLab Docs environment: https://gitlab.com/gitlab-org/gitlab-docs/-/blob/main/doc/setup.md.
  2. Visit the homepage and verify there are no significant visual changes. Small spacing discrepancies are OK since we're changing most of this very soon in !4461 (merged).
  3. Optional: run a Lighthouse audit in Chrome in an incognito window. The accessibility score should be 100% (improving over the current production site at 94%).

Merge request acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Sarah German

Merge request reports