commit c42ad71d65805cf12fc5592d25814f68757be396
author Dixsie Wolmers <dixsie@ibm.com> Thu Nov 19 17:29:24 2020 -0600
committer Derick Montague <derick.montague@ibm.com> Mon Nov 30 23:52:23 2020 +0000
tree 9fb82fb1325b88cf3f2d9c9898f31e97fae9bc3a
parent 09e258557365eec9b617ab544be0da07784ceb42

Add label to table checkboxes

- Span with class sr-only added to table checkboxes
- Verified passed DAP

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: If6dff636762e6cc70c2f5b345827aa1385a31c97

src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue

diff --git a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
index d57bc22..b341001 100644
--- a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
+++ b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
@@ -45,14 +45,18 @@
               data-test-id="localUserManagement-checkbox-tableHeaderCheckbox"
               :indeterminate="tableHeaderCheckboxIndeterminate"
               @change="onChangeHeaderCheckbox($refs.table)"
-            />
+            >
+              <span class="sr-only">{{ $t('global.table.selectAll') }}</span>
+            </b-form-checkbox>
           </template>
           <template #cell(checkbox)="row">
             <b-form-checkbox
               v-model="row.rowSelected"
               data-test-id="localUserManagement-checkbox-toggleSelectRow"
               @change="toggleSelectRow($refs.table, row.index)"
-            />
+            >
+              <span class="sr-only">{{ $t('global.table.selectItem') }}</span>
+            </b-form-checkbox>
           </template>
 
           <!-- table actions column -->