FileUploader: improve remove button label

Author: msssk

src/file-uploader/README.md

@@ -15,7 +15,7 @@ display of selected files as well as validation.
 ### Keyboard features
 
 - Trigger file selection dialog with keyboard
-- TODO Navigate file list with keyboard
+- Navigate to and activate buttons to remove files with keyboard
 
 ### i18n features
 

src/file-uploader/index.tsx

@@ -203,7 +203,7 @@ export const FileUploader = factory(function FileUploader({
 								remove(file);
 							}}
 						>
-							<Icon type="closeIcon" altText={messages.remove} />
+							<Icon type="closeIcon" altText={`${messages.remove} ${file.name}`} />
 						</button>
 					</div>
 					{message && <div classes={[themeCss.validationMessage]}>{message}</div>}

src/file-uploader/tests/unit/FileUploader.spec.tsx

@@ -97,11 +97,11 @@ describe('FileUploader', function() {
 								<div classes={[css.fileItemSize]}>{formatBytes(file.size)}</div>
 								{index === 0 ? (
 									<WrappedButton onclick={noop} classes={[css.closeButton]}>
-										<Icon altText="Remove" type="closeIcon" />
+										<Icon altText={`Remove ${file.name}`} type="closeIcon" />
 									</WrappedButton>
 								) : (
 									<button onclick={noop} classes={[css.closeButton]}>
-										<Icon altText="Remove" type="closeIcon" />
+										<Icon altText={`Remove ${file.name}`} type="closeIcon" />
 									</button>
 								)}
 							</div>