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/components/Global/InfoTooltip.vue

diff --git a/src/components/Global/InfoTooltip.vue b/src/components/Global/InfoTooltip.vue
index 5d60450..c91109d 100644
--- a/src/components/Global/InfoTooltip.vue
+++ b/src/components/Global/InfoTooltip.vue
@@ -4,9 +4,9 @@
     variant="link"
     class="btn-tooltip btn-icon-only"
     :title="title"
-    :aria-label="$t('global.ariaLabel.tooltip')"
   >
     <icon-tooltip />
+    <span class="sr-only">{{ $t('global.ariaLabel.tooltip') }}</span>
   </b-button>
 </template>