Skip to content

Commit 65e4d46

Browse files
authored
fix: enable screen reader to read file upload desc and error (#2683)
1 parent 565b83b commit 65e4d46

File tree

2 files changed

+2
-2
lines changed

2 files changed

+2
-2
lines changed

src/file-uploader/file-uploader.component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ const noop = () => { };
2121
template: `
2222
<ng-container *ngIf="!skeleton; else skeletonTemplate">
2323
<label [for]="fileUploaderId" class="cds--file--label">{{title}}</label>
24-
<p class="cds--label-description">{{description}}</p>
24+
<p class="cds--label-description" role="alert">{{description}}</p>
2525
<div class="cds--file">
2626
<label
2727
*ngIf="drop"

src/file-uploader/file.component.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ import { FileItem } from "./file-item.interface";
4747
[ariaLabel]="translations.CHECKMARK">
4848
</svg>
4949
</span>
50-
<div class="cds--form-requirement" *ngIf="fileItem.invalid">
50+
<div class="cds--form-requirement" role="alert" *ngIf="fileItem.invalid">
5151
<div class="cds--form-requirement__title">{{fileItem.invalidTitle}}</div>
5252
<p class="cds--form-requirement__supplement">{{fileItem.invalidText}}</p>
5353
</div>

0 commit comments

Comments
 (0)