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

diff --git a/src/components/Global/InputPasswordToggle.vue b/src/components/Global/InputPasswordToggle.vue
index 969a15d..d2c0d4a 100644
--- a/src/components/Global/InputPasswordToggle.vue
+++ b/src/components/Global/InputPasswordToggle.vue
@@ -2,7 +2,6 @@
   <div class="input-password-toggle-container">
     <slot></slot>
     <b-button
-      :aria-label="togglePasswordLabel"
       :title="togglePasswordLabel"
       variant="link"
       class="input-action-btn btn-icon-only"
@@ -11,6 +10,7 @@
     >
       <icon-view-off v-if="isVisible" />
       <icon-view v-else />
+      <span class="sr-only">{{ togglePasswordLabel }}</span>
     </b-button>
   </div>
 </template>