Merge pull request #5046 from owncloud/enhanche-trashbin-wording

Enhancher Trashbin a11y

changelog/unreleased/enhancement-trashbin-a11y

@@ -0,0 +1,5 @@
+Enhancement: Improve accessibility on trash bin
+
+Add more context to the empty trash bin button text and only render it, if resources are present.
+
+https://github.com/owncloud/web/pull/5046

packages/web-app-files/src/components/BatchActions.vue

@@ -11,12 +11,13 @@
         <translate>Restore</translate>
       </oc-button>
       <oc-button
+        v-if="!isEmpty"
         id="delete-selected-btn"
         key="delete-btn"
         @click="selectedFiles.length < 1 ? emptyTrashbin() : $_deleteResources_displayDialog()"
       >
         <oc-icon name="delete" />
-        {{ clearTrashbinButtonText }}
+        {{ emptyTrashbinButtonText }}
       </oc-button>
     </template>
     <oc-grid v-if="displayBulkActions" gutter="small">
@@ -69,8 +70,10 @@ export default {
   computed: {
     ...mapGetters('Files', ['selectedFiles', 'currentFolder', 'activeFiles']),
 
-    clearTrashbinButtonText() {
-      return this.selectedFiles.length < 1 ? this.$gettext('Empty') : this.$gettext('Delete')
+    emptyTrashbinButtonText() {
+      return this.selectedFiles.length < 1
+        ? this.$gettext('Empty trash bin')
+        : this.$gettext('Delete')
     },
 
     canMove() {
@@ -111,6 +114,10 @@ export default {
 
     displayBulkActions() {
       return this.$route.meta.hasBulkActions && this.selectedFiles.length > 0
+    },
+
+    isEmpty() {
+      return this.activeFiles.length < 1
     }
   },