1 files changed, 12 insertions, 4 deletions
diff --git a/app/assets/javascripts/runner/components/runner_bulk_delete_checkbox.vue b/app/assets/javascripts/runner/components/runner_bulk_delete_checkbox.vue
index dde5a5a4a05..75afb7a00bc 100644
--- a/app/assets/javascripts/runner/components/runner_bulk_delete_checkbox.vue
+++ b/app/assets/javascripts/runner/components/runner_bulk_delete_checkbox.vue
@@ -1,5 +1,6 @@
 <script>
 import { GlFormCheckbox } from '@gitlab/ui';
+import { s__ } from '~/locale';
 import checkedRunnerIdsQuery from '../graphql/list/checked_runner_ids.query.graphql';
 
 export default {
@@ -25,14 +26,20 @@ export default {
     },
   },
   computed: {
+    deletableRunners() {
+      return this.runners.filter((runner) => runner.userPermissions?.deleteRunner);
+    },
     disabled() {
-      return !this.runners.length;
+      return !this.deletableRunners.length;
     },
     checked() {
-      return Boolean(this.runners.length) && this.runners.every(this.isChecked);
+      return Boolean(this.deletableRunners.length) && this.deletableRunners.every(this.isChecked);
     },
     indeterminate() {
-      return !this.checked && this.runners.some(this.isChecked);
+      return !this.checked && this.deletableRunners.some(this.isChecked);
+    },
+    label() {
+      return this.checked ? s__('Runners|Unselect all') : s__('Runners|Select all');
     },
   },
   methods: {
@@ -41,7 +48,7 @@ export default {
     },
     onChange($event) {
       this.localMutations.setRunnersChecked({
-        runners: this.runners,
+        runners: this.deletableRunners,
         isChecked: $event,
       });
     },
@@ -51,6 +58,7 @@ export default {
 
 <template>
   <gl-form-checkbox
+    :aria-label="label"
     :indeterminate="indeterminate"
     :checked="checked"
     :disabled="disabled"