[ACA-2507] Header - link does not have a role (#1231)

* Add meaning full aria label to avatar icon button

* Add meaning full aria label to avatar icon button

* Add meaning full aria label to avatar icon button

* Add meaning full aria label to avatar icon button

* Update current-user.component.html

VS Code doesn't do the formate changing ... trying browser editor

* Move aria label string from avatar button

src/app/components/current-user/current-user.component.html

@@ -2,6 +2,9 @@
   <div class="current-user__full-name">{{ (profile$ | async)?.userName }}</div>
   <button
     mat-icon-button
+    [attr.aria-label]="
+      'AVATAR.ACCESSIBILITY.AVATAR_BUTTON_ARIA_LABEL' | translate
+    "
     class="current-user__avatar am-avatar"
     [matMenuTriggerFor]="userMenu"
   >

src/assets/i18n/en.json

@@ -477,6 +477,11 @@
             "THIS_YEAR": "This year"
         }
     },
+    "AVATAR": {
+      "ACCESSIBILITY": {
+        "AVATAR_BUTTON_ARIA_LABEL": "User options"
+      }
+    },
     "CORE": {
         "METADATA": {
             "ACTIONS": {