fix: hide upload drop files area from screen readers (#3174) (#3177)

Co-authored-by: Tomi Virkki <[email protected]>
vaadin · Dec 10, 2021 · 18316a2 · 18316a2
1 parent 2b0a2bf
commit 18316a2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/upload/src/vaadin-upload.js b/packages/upload/src/vaadin-upload.js
@@ -95,7 +95,7 @@ class Upload extends ElementMixin(ThemableMixin(PolymerElement)) {
             </vaadin-button>
           </slot>
         </div>
-        <div part="drop-label" hidden$="[[nodrop]]" id="dropLabelContainer">
+        <div part="drop-label" hidden$="[[nodrop]]" id="dropLabelContainer" aria-hidden="true">
           <slot name="drop-label-icon">
             <div part="drop-label-icon"></div>
           </slot>

diff --git a/packages/upload/test/dom/__snapshots__/vaadin-upload.test.snap.js b/packages/upload/test/dom/__snapshots__/vaadin-upload.test.snap.js
@@ -16,6 +16,7 @@ snapshots["vaadin-upload shadow default"] =
     </slot>
   </div>
   <div
+    aria-hidden="true"
     id="dropLabelContainer"
     part="drop-label"
   >