From d3efcd927994ec31a4273a9aa7af9fabac94ff03 Mon Sep 17 00:00:00 2001
From: Jonathan Prusik <jprusik@users.noreply.github.com>
Date: Wed, 3 May 2023 11:39:39 -0400
Subject: [PATCH] add aria-label to account button (#5338)

---
 apps/web/src/app/layouts/navbar.component.html | 1 +
 apps/web/src/locales/en/messages.json          | 9 +++++++++
 2 files changed, 10 insertions(+)

diff --git a/apps/web/src/app/layouts/navbar.component.html b/apps/web/src/app/layouts/navbar.component.html
index 6764e158f3e..70d61e8e599 100644
--- a/apps/web/src/app/layouts/navbar.component.html
+++ b/apps/web/src/app/layouts/navbar.component.html
@@ -45,6 +45,7 @@
           type="button"
           [bitMenuTriggerFor]="accountMenu"
           class="tw-border-0 tw-bg-transparent tw-text-alt2 tw-opacity-70 hover:tw-opacity-90"
+          attr.aria-label="{{ 'accountLoggedInAsName' | i18n : name }}"
         >
           <dynamic-avatar
             [text]="name"
diff --git a/apps/web/src/locales/en/messages.json b/apps/web/src/locales/en/messages.json
index feb88156764..69862d825b7 100644
--- a/apps/web/src/locales/en/messages.json
+++ b/apps/web/src/locales/en/messages.json
@@ -5429,6 +5429,15 @@
     "message": "Current organization",
     "description": "This is used by screen readers to indicate the organization that is currently being shown to the user."
   },
+  "accountLoggedInAsName": {
+    "message": "Account: Logged in as $NAME$",
+    "placeholders": {
+      "name": {
+        "content": "$1",
+        "example": "John Smith"
+      }
+    }
+  },
   "accountSettings": {
     "message": "Account settings"
   },