summaryrefslogtreecommitdiff
path: root/src/components/Global/InputPasswordToggle.vue
diff options
context:
space:
mode:
authorSurenNeware <sneware9@in.ibm.com>2020-12-24 18:28:16 +0300
committerDerick Montague <derick.montague@ibm.com>2021-01-27 14:39:57 +0300
commit6e2cb978428ba078ebe0d171a69322308ab48d48 (patch)
tree05f5dab826c39dada2bcaf61a67eac5cb030f64a /src/components/Global/InputPasswordToggle.vue
parentbd0c01f2efd91b8e324bd0e0606427f31dba49b9 (diff)
downloadwebui-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/components/Global/InputPasswordToggle.vue')
-rw-r--r--src/components/Global/InputPasswordToggle.vue2
1 files changed, 1 insertions, 1 deletions
diff --git a/src/components/Global/InputPasswordToggle.vue b/src/components/Global/InputPasswordToggle.vue
index 969a15d3..d2c0d4a6 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>