feat: add arrowkeys trverse message in account menu

Rithvik-padma · Dec 23, 2023 · 721daf3 · 721daf3
1 parent 1004c0b
commit 721daf3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/app/components/AccountMenu/index.tsx b/src/app/components/AccountMenu/index.tsx
@@ -93,8 +93,12 @@ function AccountMenu({ showOptions = true }: Props) {
           </div>
         </Menu.Button>
         <Menu.List position="right" fullWidth>
+          <Menu.Item>
+            <span className="sr-only">{tCommon("arrowkeys")}</span>
+          </Menu.Item>
           <Menu.Item>
             <div
+              tabIndex={0}
               className={`flex-auto px-4 py-2 overflow-hidden ${
                 !title && !balancesDecorated ? "w-28" : ""
               }`}

diff --git a/src/i18n/locales/en/translation.json b/src/i18n/locales/en/translation.json
@@ -974,6 +974,7 @@
     "or": "or",
     "website": "Website",
     "apps": "Apps",
+    "arrowkeys": "Use arrowkeys to traverse items",
     "actions": {
       "back": "Back",
       "delete": "Delete",