fix(files): Node loading information should be accessible

The loading icon visually informs that the node is currently loading, but there is no non-visual information (accessible information). Signed-off-by: Ferdinand Thiessen <[email protected]>
nextcloud · Aug 26, 2024 · 3c0993c · 3c0993c
1 parent 21b997f
commit 3c0993c
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/apps/files/src/components/FileEntry/FileEntryCheckbox.vue b/apps/files/src/components/FileEntry/FileEntryCheckbox.vue
@@ -5,7 +5,7 @@
 <template>
 	<td class="files-list__row-checkbox"
 		@keyup.esc.exact="resetSelection">
-		<NcLoadingIcon v-if="isLoading" />
+		<NcLoadingIcon v-if="isLoading" :name="loadingLabel" />
 		<NcCheckboxRadioSwitch v-else
 			:aria-label="ariaLabel"
 			:checked="isSelected"
@@ -83,6 +83,11 @@ export default defineComponent({
 				? t('files', 'Toggle selection for file "{displayName}"', { displayName: this.source.basename })
 				: t('files', 'Toggle selection for folder "{displayName}"', { displayName: this.source.basename })
 		},
+		loadingLabel() {
+			return this.isFile
+				? t('files', 'File is loading')
+				: t('files', 'Folder is loading')
+		},
 	},
 
 	methods: {