508 Jaws reading validation message dynamically

GSA · Oct 23, 2024 · 9fd0082 · 9fd0082
1 parent e9d50d2
commit 9fd0082
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/libs/packages/sam-formly/src/lib/formly/wrappers/validation.wrapper.ts b/libs/packages/sam-formly/src/lib/formly/wrappers/validation.wrapper.ts
@@ -6,7 +6,14 @@ import { FieldWrapper } from '@ngx-formly/core';
 @Component({
   template: `
     <ng-container #fieldComponent></ng-container>
-    <div *ngIf="showError" class="usa-error-message" [style.display]="'block'">
+    <div
+      *ngIf="showError"
+      class="usa-error-message"
+      role="alert"
+      [id]="id + '-error-message'"
+      aria-live="assertive"
+      [style.display]="'block'"
+    >
       <formly-validation-message [field]="field"></formly-validation-message>
     </div>
   `,