diff options
author | SurenNeware <sneware9@in.ibm.com> | 2020-12-24 18:28:16 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2021-01-27 14:39:57 +0300 |
commit | 6e2cb978428ba078ebe0d171a69322308ab48d48 (patch) | |
tree | 05f5dab826c39dada2bcaf61a67eac5cb030f64a /src/views/Health | |
parent | bd0c01f2efd91b8e324bd0e0606427f31dba49b9 (diff) | |
download | webui-vue-6e2cb978428ba078ebe0d171a69322308ab48d48.tar.xz |
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
Diffstat (limited to 'src/views/Health')
7 files changed, 7 insertions, 7 deletions
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue index 29a6679b..2fdcb2ed 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue @@ -13,12 +13,12 @@ <b-button variant="link" data-test-id="hardwareStatus-button-expandBmc" - :aria-label="expandRowLabel" :title="expandRowLabel" class="btn-icon-only" @click="toggleRowDetails(row)" > <icon-chevron /> + <span class="sr-only">{{ expandRowLabel }}</span> </b-button> </template> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue index 231f7c67..2bf11f62 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue @@ -13,12 +13,12 @@ <b-button variant="link" data-test-id="hardwareStatus-button-expandChassis" - :aria-label="expandRowLabel" :title="expandRowLabel" class="btn-icon-only" @click="toggleRowDetails(row)" > <icon-chevron /> + <span class="sr-only">{{ expandRowLabel }}</span> </b-button> </template> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue index 70df3466..ca9e949c 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue @@ -35,12 +35,12 @@ <b-button variant="link" data-test-id="hardwareStatus-button-expandDimms" - :aria-label="expandRowLabel" :title="expandRowLabel" class="btn-icon-only" @click="toggleRowDetails(row)" > <icon-chevron /> + <span class="sr-only">{{ expandRowLabel }}</span> </b-button> </template> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue index e16495b1..10b14a47 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> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue index 7b4e5a19..3de69198 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue @@ -35,12 +35,12 @@ <b-button variant="link" data-test-id="hardwareStatus-button-expandPowerSupplies" - :aria-label="expandRowLabel" :title="expandRowLabel" class="btn-icon-only" @click="toggleRowDetails(row)" > <icon-chevron /> + <span class="sr-only">{{ expandRowLabel }}</span> </b-button> </template> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue index 6e2ebdae..2f956a9f 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue @@ -34,12 +34,12 @@ <b-button variant="link" data-test-id="hardwareStatus-button-expandProcessors" - :aria-label="expandRowLabel" :title="expandRowLabel" class="btn-icon-only" @click="toggleRowDetails(row)" > <icon-chevron /> + <span class="sr-only">{{ expandRowLabel }}</span> </b-button> </template> <!-- Health --> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue index a89dacfe..d4087016 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue @@ -13,12 +13,12 @@ <b-button variant="link" data-test-id="hardwareStatus-button-expandSystem" - :aria-label="expandRowLabel" :title="expandRowLabel" class="btn-icon-only" @click="toggleRowDetails(row)" > <icon-chevron /> + <span class="sr-only">{{ expandRowLabel }}</span> </b-button> </template> |