S360/duraiton picker alerts (#2868)

* AB#1065 Add aria alerts to dynamic field errors
Azure · Jan 5, 2024 · 9e1ae38 · 9e1ae38
1 parent 0f5a7d8
commit 9e1ae38
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/desktop/src/@batch-flask/ui/duration-picker/duration-picker.html b/desktop/src/@batch-flask/ui/duration-picker/duration-picker.html
@@ -16,17 +16,18 @@
         </bl-select>
     </div>
 </div>
-<div class="error-container" role="alert">
-    <div class="error" *ngIf="invalidTimeNumber">
+
+<div class="error-container">
+    <div class="error" role="alert" *ngIf="invalidTimeNumber">
         Input should be a valid positive number
     </div>
-    <div class="error" *ngIf="required && !this.time">
+    <div class="error" role="alert" *ngIf="required && !this.time">
         Input is required
     </div>
-    <div class="error" *ngIf="invalidCustomDuration">
+    <div class="error" role="alert" *ngIf="invalidCustomDuration">
         This is not a valid ISO 8601 duration <i>(e.g. PT1M, P1D)</i>
     </div>
-    <div class="error" *ngIf="invalidDurationValue">
+    <div class="error" role="alert" *ngIf="invalidDurationValue">
         Input must be less than 10675199 days
     </div>
 </div>