From 8faca1f9a01fd1392811023ea768a85cefe9c88f Mon Sep 17 00:00:00 2001
From: Martin Muller <martin.muller@alfresco.com>
Date: Mon, 21 Oct 2019 16:53:34 +0200
Subject: [PATCH] [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 | 3 +++
 src/assets/i18n/en.json                                     | 5 +++++
 2 files changed, 8 insertions(+)

diff --git a/src/app/components/current-user/current-user.component.html b/src/app/components/current-user/current-user.component.html
index e6ae30356..a823127cb 100644
--- a/src/app/components/current-user/current-user.component.html
+++ b/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"
   >
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 44149c2bf..21beb16b1 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -477,6 +477,11 @@
             "THIS_YEAR": "This year"
         }
     },
+    "AVATAR": {
+      "ACCESSIBILITY": {
+        "AVATAR_BUTTON_ARIA_LABEL": "User options"
+      }
+    },
     "CORE": {
         "METADATA": {
             "ACTIONS": {