Merge pull request #12900 from owncloud/more-accessibility

More accessibility fixes for Files

5 files changed, 14 insertions, 4 deletions

diff --git a/apps/files/js/breadcrumb.js b/apps/files/js/breadcrumb.js
index af4e48c8f8c..5cea2639c7d 100644
--- a/apps/files/js/breadcrumb.js
+++ b/apps/files/js/breadcrumb.js
@@ -106,6 +106,7 @@
 				if (part.img) {
 					$image = $('<img class="svg"></img>');
 					$image.attr('src', part.img);
+					$image.attr('alt', part.alt);
 					$link.append($image);
 				}
 				this.breadcrumbs.push($crumb);
@@ -151,6 +152,7 @@
 			crumbs.push({
 				dir: '/',
 				name: '',
+				alt: t('files', 'Home'),
 				img: OC.imagePath('core', 'places/home.svg')
 			});
 			for (var i = 0; i < parts.length; i++) {
diff --git a/apps/files/js/fileactions.js b/apps/files/js/fileactions.js
index da48cf29be0..875857745b8 100644
--- a/apps/files/js/fileactions.js
+++ b/apps/files/js/fileactions.js
@@ -289,7 +289,9 @@
 			}
 			var $actionLink = $('<a href="#" original-title="' +
 				escapeHTML(deleteTitle) +
-				'" class="action delete icon-delete" />'
+				'" class="action delete icon-delete">' +
+				'<span class="hidden-visually">' + escapeHTML(deleteTitle) + '</span>' +
+				'</a>'
 			);
 			var $container = context.$file.find('td:last');
 			$container.find('.delete').remove();
diff --git a/apps/files/js/filelist.js b/apps/files/js/filelist.js
index 62892f1b918..09cb3d3287d 100644
--- a/apps/files/js/filelist.js
+++ b/apps/files/js/filelist.js
@@ -710,6 +710,7 @@
 					'<input id="select-' + this.id + '-' + fileData.id +
 					'" type="checkbox" class="selectCheckBox"/><label for="select-' + this.id + '-' + fileData.id + '">' +
 					'<div class="thumbnail" style="background-image:url(' + icon + '); background-size: 32px;"></div>' +
+					'<span class="hidden-visually">' + t('files', 'Select') + '</span>' +
 					'</label>'
 				);
 			} else {
diff --git a/apps/files/templates/appnavigation.php b/apps/files/templates/appnavigation.php
index 30f0a5afdf1..faf2be39b03 100644
--- a/apps/files/templates/appnavigation.php
+++ b/apps/files/templates/appnavigation.php
@@ -6,7 +6,9 @@
 	</ul>
 	<div id="app-settings">
 		<div id="app-settings-header">
-			<button class="settings-button" data-apps-slide-toggle="#app-settings-content"></button>
+			<button class="settings-button" data-apps-slide-toggle="#app-settings-content">
+				<span class="hidden-visually"><?php p($l->t('Settings'));?></span>
+			</button>
 		</div>
 		<div id="app-settings-content">
 				<h2><?php p($l->t('WebDAV'));?></h2>
diff --git a/apps/files/templates/list.php b/apps/files/templates/list.php
index 764b296819e..8ecec066a51 100644
--- a/apps/files/templates/list.php
+++ b/apps/files/templates/list.php
@@ -39,7 +39,8 @@
 			<div id="uploadprogresswrapper">
 				<div id="uploadprogressbar"></div>
 				<input type="button" class="stop icon-close"
-					style="display:none" value="" />
+					style="display:none" value=""
+					alt="<?php p($l->t('Cancel upload'))?>" />
 			</div>
 		</div>
 		<div id="file_action_panel"></div>
@@ -61,7 +62,9 @@
 			<th id='headerName' class="hidden column-name">
 				<div id="headerName-container">
 					<input type="checkbox" id="select_all_files" class="select-all"/>
-					<label for="select_all_files"></label>
+					<label for="select_all_files">
+						<span class="hidden-visually"><?php p($l->t('Select all'))?></span>
+					</label>
 					<a class="name sort columntitle" data-sort="name"><span><?php p($l->t( 'Name' )); ?></span><span class="sort-indicator"></span></a>
 					<span id="selectedActionsList" class="selectedActions">
 						<a href="" class="download">