From b42adef92f6470e466981f9e61d65015465ace9a Mon Sep 17 00:00:00 2001
From: thsparks <thsparks@microsoft.com>
Date: Fri, 7 Mar 2025 17:05:50 -0800
Subject: [PATCH] Keyboard nav support for the theme modals (just need to get
 the cards into the tab ordering)

---
 react-common/components/theming/ThemeCard.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/react-common/components/theming/ThemeCard.tsx b/react-common/components/theming/ThemeCard.tsx
index 927fbb190d37..a57a00cdc70f 100644
--- a/react-common/components/theming/ThemeCard.tsx
+++ b/react-common/components/theming/ThemeCard.tsx
@@ -13,8 +13,10 @@ export const ThemeCard = (props: ThemeCardProps) => {
         <Card
             className="theme-card"
             role="listitem"
+            aria-label={theme.name}
             key={theme.id}
             onClick={() => onClick(theme)}
+            tabIndex={onClick && 0}
         >
             <div className="theme-info-box">
                 <ThemePreview theme={theme} />