Update buttons on pipelines page to be more accessible
What does this MR do?
- Update pipeline actions to be keyboard navigable
- Add tooltips to pipeline actions
- Hide icons to screen reader
- Update mini-pipelines graph with accessible labels
Screen reader (starting from the mini-pipeline):
- Before:
link
, ...,link
,link (pause) Cancel
- After:
build: passed, button
, ...Manual Build, button
,Artifacts, button
,link, Retry
,link, Cancel
Affected pages
- Pipelines page,
/gitlab-org/gitlab-ce/pipelines
- (^^ seems like the same template) MR Pipelines tab,
/gitlab-org/gitlab-ce/merge_requests/7/pipelines
Are there points in the code the reviewer needs to double check?
Whether to continue nesting selectors or put on it's own .pipeline-actions-dropdown-button
Why was this MR needed?
Improves accessibility on the pipelines page
Screenshots (if relevant)
Does this MR meet the acceptance criteria?
-
Changelog entry added - Tests
-
All builds are passing
-
-
Conform by the merge request performance guides -
Conform by the style guides -
Branch has no merge conflicts with master
(if it does - rebase it please) -
Squashed related commits together