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
diff --git a/src/components/Global/Search.vue b/src/components/Global/Search.vue
index 6029f4b..ac8f9bf 100644
--- a/src/components/Global/Search.vue
+++ b/src/components/Global/Search.vue
@@ -25,11 +25,11 @@
v-if="filter"
variant="link"
class="btn-icon-only input-action-btn"
- :aria-label="$t('global.ariaLabel.clearSearch')"
:title="$t('global.ariaLabel.clearSearch')"
@click="onClearSearch"
>
<icon-close />
+ <span class="sr-only">{{ $t('global.ariaLabel.clearSearch') }}</span>
</b-button>
</b-input-group>
</b-form-group>