fix(accessiblity): remove aria hidden from inputs (chromatic-build)

pubg · Aug 28, 2024 · 68ef38a · 68ef38a
1 parent 884d886
commit 68ef38a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/vlossom/src/components/vs-file-input/VsFileInput.vue b/packages/vlossom/src/components/vs-file-input/VsFileInput.vue
@@ -57,7 +57,7 @@
             <button
                 v-if="!noClear && hasValue && !computedReadonly && !computedDisabled"
                 class="vs-clear-button"
-                aria-hidden="true"
+                aria-label="Clear"
                 tabindex="-1"
                 @click.stop="onClear()"
             >

diff --git a/packages/vlossom/src/components/vs-input/VsInput.vue b/packages/vlossom/src/components/vs-input/VsInput.vue
@@ -46,7 +46,7 @@
                 class="vs-clear-button"
                 :class="{ show: inputValue }"
                 :disabled="!inputValue"
-                aria-hidden="true"
+                aria-label="Clear"
                 tabindex="-1"
                 @click.stop="clearWithFocus()"
             >

diff --git a/packages/vlossom/src/components/vs-select/VsSelect.vue b/packages/vlossom/src/components/vs-select/VsSelect.vue
@@ -92,7 +92,7 @@
                     v-if="!noClear && selectedOptions.length && !computedReadonly && !computedDisabled"
                     type="button"
                     class="vs-clear-button"
-                    aria-hidden="true"
+                    aria-label="Clear"
                     tabindex="-1"
                     @click.stop="onClear()"
                 >