From 57f41fb8d6a090aab2e3c97e0943a1100e78788f Mon Sep 17 00:00:00 2001
From: Hamza El Aoutar <elaoutarhamza@gmail.com>
Date: Sat, 30 Apr 2022 20:30:02 +0000
Subject: [PATCH] Make Menu items on filters accessible through keyboard

Signed-off-by: Hamza El Aoutar <elaoutarhamza@gmail.com>
---
 .changeset/witty-lions-reply.md                              | 5 +++++
 .../src/components/UserListPicker/UserListPicker.tsx         | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/witty-lions-reply.md

diff --git a/.changeset/witty-lions-reply.md b/.changeset/witty-lions-reply.md
new file mode 100644
index 0000000000..d79937e027
--- /dev/null
+++ b/.changeset/witty-lions-reply.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-catalog-react': patch
+---
+
+Make Menu item on filters accessible through keyboard
diff --git a/plugins/catalog-react/src/components/UserListPicker/UserListPicker.tsx b/plugins/catalog-react/src/components/UserListPicker/UserListPicker.tsx
index 843852085b..d7cb19fd8b 100644
--- a/plugins/catalog-react/src/components/UserListPicker/UserListPicker.tsx
+++ b/plugins/catalog-react/src/components/UserListPicker/UserListPicker.tsx
@@ -253,6 +253,7 @@ export const UserListPicker = (props: UserListPickerProps) => {
                   className={classes.menuItem}
                   disabled={filterCounts[item.id] === 0}
                   data-testid={`user-picker-${item.id}`}
+                  tabIndex={0}
                 >
                   {item.icon && (
                     <ListItemIcon className={classes.listIcon}>