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/ButtonBackToTop.vue

diff --git a/src/components/Global/ButtonBackToTop.vue b/src/components/Global/ButtonBackToTop.vue
index 95e7404..9160c7b 100644
--- a/src/components/Global/ButtonBackToTop.vue
+++ b/src/components/Global/ButtonBackToTop.vue
@@ -5,10 +5,10 @@
     :class="{ 'show-btn': showButton }"
     variant="secondary"
     :title="$t('global.ariaLabel.scrollToTop')"
-    :aria-label="$t('global.ariaLabel.scrollToTop')"
     @click="scrollToTop"
   >
     <icon-up-to-top />
+    <span class="sr-only">{{ $t('global.ariaLabel.scrollToTop') }}</span>
   </b-button>
 </template>