add aria-label to account button (#5338)

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"

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"
   },