fix dismissible error alert and fix a11y

ORCID · Feb 9, 2024 · ec0c175 · ec0c175
1 parent 6edc51f
commit ec0c175
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/ui/src/app/shared/alert/alert.component.html b/ui/src/app/shared/alert/alert.component.html
@@ -3,7 +3,14 @@
     <ngb-alert *ngIf="alert && alert.type && alert.msg" [type]="alert.type" [dismissible]="false" class="alert-success">
       <div class="d-flex">
         <div class="font-size-16 flex-grow-1">{{ alert.msg | localize }}</div>
-        <a (click)="close(alert)" (keyup)="closeOldestAlert()" tabindex="0" class="close">×</a>
+        <a
+          (click)="close(alert)"
+          (keyup.esc)="closeOldestAlert()"
+          (keyup.enter)="closeOldestAlert()"
+          tabindex="0"
+          class="close"
+          >×</a
+        >
       </div>
     </ngb-alert>
   </div>

diff --git a/ui/src/app/user/user-update.component.html b/ui/src/app/user/user-update.component.html
@@ -11,13 +11,21 @@ <h1 id="jhi-ms-user-heading" class="mt-5" i18n="@@gatewayApp.msUserServiceMSUser
             class="alert alert-danger alert-dismissible"
             role="alert"
             ng-reflect-type="danger"
-            (close)="validation.errors = null"
+            [dismissible]="false"
           >
             <ul class="validation-errors">
               <li *ngFor="let error of validation.errors">
                 {{ error }}
               </li>
             </ul>
+            <a
+              (click)="validation.errors = null"
+              (keyup.esc)="validation.errors = null"
+              (keyup.enter)="validation.errors = null"
+              tabindex="0"
+              class="close"
+              >×</a
+            >
           </ngb-alert>
         </div>
         <div class="form-group">