From ef3fb2844680b383667ddf3e4fdab794ee38aaeb Mon Sep 17 00:00:00 2001
From: "julia.kirschenheuter" <julia.kirschenheuter@nextcloud.com>
Date: Thu, 28 Jul 2022 14:20:32 +0200
Subject: Connect ```input``` checkbox with corresponding file name via
 ```aria-describedby```

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
---
 apps/files/js/filelist.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'apps/files')

diff --git a/apps/files/js/filelist.js b/apps/files/js/filelist.js
index 1530787b83a..b02520a0768 100644
--- a/apps/files/js/filelist.js
+++ b/apps/files/js/filelist.js
@@ -1694,7 +1694,7 @@
 
 				td.append(
 					'<input id="select-' + this.id + '-' + fileData.id +
-					'" type="checkbox" class="selectCheckBox checkbox"/><label for="select-' + this.id + '-' + fileData.id + '">' +
+					'" type="checkbox" class="selectCheckBox checkbox" aria-describedby="innernametext_' + fileData.id + '" /><label for="select-' + this.id + '-' + fileData.id + '">' +
 					'<span class="hidden-visually">' + (fileData.type === 'dir' ?
 						t('files', 'Select directory "{dirName}"', {dirName: name}) :
 						t('files', 'Select file "{fileName}"', {fileName: name})) + '</span>' +
@@ -1744,8 +1744,9 @@
 				basename = name;
 				extension = false;
 			}
-			var nameSpan=$('<span></span>').addClass('nametext');
-			var innernameSpan = $('<span></span>').addClass('innernametext').text(basename).prop('title', basename);
+			var nameSpan=$('<span></span>').addClass('nametext')
+
+			var innernameSpan = $('<span></span>').addClass('innernametext').text(basename).prop('title', basename).prop('id', `innernametext_${fileData.id}`);
 
 
 			var conflictingItems = this.$fileList.find('tr[data-file="' + this._jqSelEscape(name) + '"]');
-- 
cgit v1.2.3