SAK-40229 Content screen reader announcing file upload to dropbox

sakaiproject · Oct 30, 2024 · 0e778b0 · 0e778b0
1 parent 09a03ab
commit 0e778b0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/content/content-bundles/resources/types.properties b/content/content-bundles/resources/types.properties
@@ -233,6 +233,7 @@ processmessage.save.html=Saving HTML page
 processmessage.save.text=Saving text document
 processmessage.save.file=Saving new file(s)
 processmessage.save.url=Saving link(s)
+label.success		 = Successfully uploaded: {0}
 label.time		 = Time: 
 label.update		 = Update
 label.upl		 = Upload New Version Now

diff --git a/content/content-tool/tool/src/webapp/vm/resources/sakai_dropbox_multiple_folders_upload.vm b/content/content-tool/tool/src/webapp/vm/resources/sakai_dropbox_multiple_folders_upload.vm
@@ -25,7 +25,9 @@
 				<label for="MultipleFolderContent">$tlang.getString("label.upload")</label>
 			#end
 			<input type="file" name="MultipleFolderContent" id="MultipleFolderContent" class="upload" onChange="handleFileChange()"/>
-			<div id="fileUploadFeedback" aria-live="polite" class="upload-feedback" role="status" style="display:none;"></div>
+			<div id="fileUploadFeedback" aria-live="polite" class="upload-feedback" role="status" style="display:none;">
+				$tlang.getString('label.success')				
+			</div>
 		</div>
 		<div class="form-group">
 			<label for="MultipleFolderDisplayName">$tlang.getString("label.display")</label>
@@ -238,16 +240,16 @@
                 if (input.files.length > 0)
                 {
                         const fileName = input.files[0].name;
-                        feedback.textContent = `Successfully uploaded: ${fileName}`;
+		        const successTemplate = feedback.textContent;
+                        feedback.textContent = successTemplate.replace("{0}", fileName);
                         feedback.style.display = 'block';
 
                         setTimeout(() => {
-                        feedback.style.display = 'none';
+                        	feedback.style.display = 'none';
                         }, 10000);
                 }
                 else
                 {
-                        feedback.textContent = 'No file selected.';
                         feedback.style.display = 'block';
 		}
 	}