Skip to content

Pipeline graph: Improves accessibility when using keyboard

Sascha Eggenberger requested to merge pipeline-graph-a11y-improvements into master

What does this MR do and why?

Pipeline graph: Improves accessibility when using keyboard

  • Fixes focus ring not showing properly on link
  • Hides tooltip of dropdown trigger when dropdown opens
  • Shows tooltip in dropdown items when tabbing though them

MR acceptance checklist

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

Screenshots or screen recordings

Before After
before_1 after_1
before_2 after_2

Demo

after

How to set up and validate locally

  1. Go to a pipeline graph page and tab through content (e.g. http://gdk.test:3000/flightjs/Flight/-/pipelines/9)

Related to #452225 (closed)

Closes #324294 (closed)

Edited by Sascha Eggenberger

Merge request reports