Pipeline Graph Accessibility Audit
Problem
The pipeline graph isn't accessible to keyboard-only users. When doing some quick keyboard testing, turns out it's not possible to navigate into job details from the pipeline graph because the focus goes straight to the job "retry" button.
![]() |
There may be additional issues we should investigate and explore solutions for.
Proposal
Conduct an accessibility audit for the pipeline graph.
Audit Criteria
Accessibility compliance will depend on the specific component, but a general checklist includes:
- All actions and functionality can be done with a keyboard.
- Links, buttons, and controls have a visible focus state.
- All content is presented in text or with a text equivalent. For example, alt text for SVG, or
aria-label
for icons that have meaning or perform actions. - Changes in a component’s state are announced by a screen reader. For example, changing
aria-expanded="false"
toaria-expanded="true"
when an accordion is expanded. - Color combinations have sufficient contrast.
Once the audit is performed, follow up issues should be created to update the pipeline graph, its individual components, and documentation as needed.
Once the audit has been complete and all issues have been addressed:
- Test for compliance across multiple browsers, with NVDA on Windows, and VoiceOver on iOS.
Reference links
Edited by Nadia Sotnikova