commit 6e2cb978428ba078ebe0d171a69322308ab48d48
author SurenNeware <sneware9@in.ibm.com> Thu Dec 24 20:58:16 2020 +0530
committer Derick Montague <derick.montague@ibm.com> Wed Jan 27 11:39:57 2021 +0000
tree 05f5dab826c39dada2bcaf61a67eac5cb030f64a
parent bd0c01f2efd91b8e324bd0e0606427f31dba49b9

Fixed icon or text only button accessibility

- Add sr-only element to icon only buttons
- Removed title from text only buttons

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: Ica57dec70401c04a9d7506306a406fe394e52113

src/views/Health/HardwareStatus/HardwareStatusTableFans.vue

diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
index e16495b..10b14a4 100644
--- a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
@@ -35,12 +35,12 @@
         <b-button
           variant="link"
           data-test-id="hardwareStatus-button-expandFans"
-          :aria-label="expandRowLabel"
           :title="expandRowLabel"
           class="btn-icon-only"
           @click="toggleRowDetails(row)"
         >
           <icon-chevron />
+          <span class="sr-only">{{ expandRowLabel }}</span>
         </b-button>
       </template>