Merge pull request #33079 from nextcloud/enh/a11y-file-picker-labels

nextcloud · Jul 1, 2022 · b0ee927 · b0ee927
2 parents e5497d2 + 7219847
commit b0ee927
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 7 deletions.
diff --git a/core/src/OC/dialogs.js b/core/src/OC/dialogs.js
@@ -1045,6 +1045,10 @@ const Dialogs = {
 			self.$showGridView
 				.removeClass('icon-toggle-filelist icon-toggle-pictures')
 				.addClass(response.gridview ? 'icon-toggle-filelist' : 'icon-toggle-pictures')
+			self.$showGridView.attr(
+				'aria-label',
+				response.gridview ? t('files', 'Show list view') : t('files', 'Show grid view'),
+			)
 			$('.list-container').toggleClass('view-grid', response.gridview)
 		})
 	},
@@ -1057,6 +1061,10 @@ const Dialogs = {
 		this.$showGridView
 			.removeClass('icon-toggle-filelist icon-toggle-pictures')
 			.addClass(isGridView ? 'icon-toggle-pictures' : 'icon-toggle-filelist')
+		this.$showGridView.attr(
+			'aria-label',
+			isGridView ? t('files', 'Show grid view') : t('files', 'Show list view'),
+		)
 		$('.list-container').toggleClass('view-grid', !isGridView)
 	},
 	_getFilePickerTemplate: function() {

diff --git a/core/templates/filepicker.html b/core/templates/filepicker.html
@@ -1,6 +1,6 @@
 <div id="{dialog_name}" title="{title}">
 	<span class="dirtree breadcrumb">
-		<span class="actions creatable"><a href="#" class="icon icon-add button button-add"></a>
+		<span class="actions creatable"><a href="#" class="icon icon-add button button-add" aria-label="{newtext}"></a>
 			<nav class="menu popovermenu bubble menu-left newFolderMenu">
 				<ul><li>
 				<form class="filenameform">

diff --git a/dist/core-login.js b/dist/core-login.js
diff --git a/dist/core-login.js.map b/dist/core-login.js.map
diff --git a/dist/core-main.js b/dist/core-main.js
diff --git a/dist/core-main.js.map b/dist/core-main.js.map