fix: Add accessible labels to primary and other email addresses (#1942)

* fix: Add accessible labels to primary and other email addresses * 🤖 GITHUB ACTIONS
ORCID · May 2, 2023 · 9432c99 · 9432c99
1 parent 32b174e
commit 9432c99
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/app/cdk/side-bar/modals/modal-email/modal-email.component.html b/src/app/cdk/side-bar/modals/modal-email/modal-email.component.html
@@ -119,6 +119,9 @@ <h2 class="col orc-font-body" i18n="@@side-bar.primaryEmail">
               <mat-icon class="title-material-icon other-names" matPrefix
                 >verified</mat-icon
               >
+              <span class="sr-only" i18n="@@side-bar.primaryEmail"
+                >Primary email address</span
+              >
               {{ emailsForm.value[email.putCode].email }}</strong
             >
           </div>
@@ -322,6 +325,9 @@ <h2 class="col orc-font-body" i18n="@@side-bar.otherEmails">
               <mat-icon class="large-material-icon" matPrefix
                 >verified</mat-icon
               >
+              <span class="sr-only" i18n="@@side-bar.otherEmails"
+                >Other email addresses</span
+              >
               {{ emailsForm.value[email.putCode].email }}</strong
             >
           </div>