Fix accessibility of pipeline labels

What does this MR do and why?

This is a followup to !185977 (merged), which made this same fix for the badges in the header of a single pipeline view.

This MR fixes accessibility for these badges when seen in the Pipelines tab of an MR.

References

Screenshots or screen recordings

Before After
Screen_Recording_2025-03-31_at_17.34.51 Screen_Recording_2025-03-31_at_17.34.18

How to set up and validate locally

  1. Check out this branch
  2. Visit an MR with at least 1 pipeline
  3. Click the Pipelines tab
  4. Use Tab to move keyboard focus. You will be able to focus the labels on each Pipeline listed, triggering their tooltips.

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #511871+, ✂️ UX Paper Cuts 17.11 → Verify (#512693 - closed)

Merge request reports

Loading