Merge branch 'aria-labels-for-pipeline' into 'master'

Add aria label to status and action icons

See merge request gitlab-org/gitlab!49689

app/assets/javascripts/pipelines/components/graph/action_component.vue

@@ -91,6 +91,6 @@ export default {
     @click.stop="onClickAction"
   >
     <gl-loading-icon v-if="isLoading" class="js-action-icon-loading" />
-    <gl-icon v-else :name="actionIcon" class="gl-mr-0!" />
+    <gl-icon v-else :name="actionIcon" class="gl-mr-0!" :aria-label="actionIcon" />
   </gl-button>
 </template>

app/assets/javascripts/vue_shared/components/ci_icon.vue

@@ -63,5 +63,7 @@ export default {
 };
 </script>
 <template>
-  <span :class="cssClass"> <gl-icon :name="icon" :size="size" :class="cssClasses" /> </span>
+  <span :class="cssClass">
+    <gl-icon :name="icon" :size="size" :class="cssClasses" :aria-label="status.icon" />
+  </span>
 </template>