From 8e490f4999340f8cd19264a94c6ff5e3e5b31677 Mon Sep 17 00:00:00 2001
From: Daniel Palafox <daniel.p4l4fox@gmail.com>
Date: Tue, 19 Mar 2024 12:49:54 -0600
Subject: [PATCH] style: Fix accessibility issues in authorize form

---
 .../form-authorize/form-authorize.component.html       | 10 ++++++----
 .../form-authorize/form-authorize.component.scss       |  7 +++++++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/app/authorize/components/form-authorize/form-authorize.component.html b/src/app/authorize/components/form-authorize/form-authorize.component.html
index 6e6bd48607..29d704a145 100644
--- a/src/app/authorize/components/form-authorize/form-authorize.component.html
+++ b/src/app/authorize/components/form-authorize/form-authorize.component.html
@@ -161,7 +161,7 @@
     ></mat-progress-bar>
     <mat-card-header class="authorize-header">
       <mat-card-title role="heading" aria-level="1">
-        <mat-icon class="logo-icon" aria-hidden="false"
+        <mat-icon class="logo-icon"
           ><img src="./assets/vectors/orcid.logo.icon.svg" alt="orcid logo" />
         </mat-icon>
         <h1 class="orc-font-heading-small" i18n="@@authorize.authorize">
@@ -179,8 +179,10 @@ <h1 class="orc-font-heading-small" i18n="@@authorize.authorize">
           <div class="icon">
             <mat-icon
               class="profile-icon"
-              aria-hidden="false"
-              ><img src="./assets/vectors/profile-not-verified.svg" alt="profile icon" />
+            ><img
+                src="./assets/vectors/profile-not-verified.svg"
+                alt="profile icon"
+              />
             </mat-icon>
           </div>
         </div>
@@ -279,7 +281,7 @@ <h1 class="orc-font-heading-small" i18n="@@authorize.authorize">
     </ng-template>
 
     <ng-template #orcidIconTemplate>
-      <mat-icon role="presentation scope">
+      <mat-icon class="scope orcid" role="presentation">
         <img src="/assets/vectors/orcid.logo.black.icon.svg" alt=""
       /></mat-icon>
     </ng-template>
diff --git a/src/app/authorize/components/form-authorize/form-authorize.component.scss b/src/app/authorize/components/form-authorize/form-authorize.component.scss
index 1e3390133f..21d48cb495 100644
--- a/src/app/authorize/components/form-authorize/form-authorize.component.scss
+++ b/src/app/authorize/components/form-authorize/form-authorize.component.scss
@@ -116,6 +116,13 @@ mat-card-content.authorize-content {
     width: 32px;
   }
 
+  mat-icon.scope.orcid {
+    font-size: small;
+    img {
+      margin-top: 0 !important;
+    }
+  }
+
   .user-links {
     width: 100%;
   }