From 322cd27111e9c3411ea86c1fa6dcf47d7da09001 Mon Sep 17 00:00:00 2001
From: Martin Muller <martin.muller@alfresco.com>
Date: Thu, 17 Oct 2019 18:53:56 +0200
Subject: [PATCH] [ACA-2506] Header - Button does not have a role (#1229)

* Add aria label to avatar button

* Add tabindex 0 to make it tab focusable

* changed to button as div doesn't allow using tab for opening the menu
---
 .../components/current-user/current-user.component.html   | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app/components/current-user/current-user.component.html b/src/app/components/current-user/current-user.component.html
index 9623b3e9e..e6ae30356 100644
--- a/src/app/components/current-user/current-user.component.html
+++ b/src/app/components/current-user/current-user.component.html
@@ -1,8 +1,12 @@
 <div title="{{ (profile$ | async)?.id }}">
   <div class="current-user__full-name">{{ (profile$ | async)?.userName }}</div>
-  <div class="current-user__avatar am-avatar" [matMenuTriggerFor]="userMenu">
+  <button
+    mat-icon-button
+    class="current-user__avatar am-avatar"
+    [matMenuTriggerFor]="userMenu"
+  >
     {{ (profile$ | async)?.initials }}
-  </div>
+  </button>
 </div>
 
 <mat-menu #userMenu="matMenu" [overlapTrigger]="false">