commit d2ac76d7922fff243174ee50ab05020a5064aa6e
author Dixsie Wolmers <dixsie@ibm.com> Wed Aug 26 17:23:45 2020 -0500
committer Yoshie Muranaka <yoshiemuranaka@gmail.com> Wed Sep 09 16:22:01 2020 +0000
tree 3e9b64191eb6c12cfa38dacbdef7f74638b84d00
parent 4afe2f762cf7f567579bcd3b03c9023c79b535fc

Add title attribute to all icon only buttons

- Title attribute allows action text to be displayed on hover
- Carets in hardware status table will be addressed in a separate
  commit as part of Hardware status accessibility updates

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I58a85b6d244d1125f0b43c22d0bb456a36815097

src/components/Global/InputPasswordToggle.vue

diff --git a/src/components/Global/InputPasswordToggle.vue b/src/components/Global/InputPasswordToggle.vue
index 519a808..6ac9863 100644
--- a/src/components/Global/InputPasswordToggle.vue
+++ b/src/components/Global/InputPasswordToggle.vue
@@ -7,8 +7,16 @@
       :class="{ isVisible: isVisible }"
       @click="toggleVisibility"
     >
-      <icon-view-off v-if="isVisible" aria-hidden="true" />
-      <icon-view v-else aria-hidden="true" />
+      <icon-view-off
+        v-if="isVisible"
+        aria-hidden="true"
+        :title="$t('global.ariaLabel.hidePassword')"
+      />
+      <icon-view
+        v-else
+        aria-hidden="true"
+        :title="$t('global.ariaLabel.showPassword')"
+      />
     </b-button>
   </div>
 </template>