From 1d0e2ec0b0ef0c520facc0b45bc56b2ff437708f Mon Sep 17 00:00:00 2001
From: "A.K.M. Adib" <adibakm@google.com>
Date: Thu, 26 Feb 2026 12:58:02 -0500
Subject: [PATCH] complete

---
 .../cli/src/ui/components/shared/BaseSelectionList.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/cli/src/ui/components/shared/BaseSelectionList.tsx b/packages/cli/src/ui/components/shared/BaseSelectionList.tsx
index db0d624a74..794e53d2af 100644
--- a/packages/cli/src/ui/components/shared/BaseSelectionList.tsx
+++ b/packages/cli/src/ui/components/shared/BaseSelectionList.tsx
@@ -98,7 +98,7 @@ export function BaseSelectionList<
   const numberColumnWidth = String(items.length).length;
 
   return (
-    <Box flexDirection="column">
+    <Box flexDirection="column" aria-role="list">
       {/* Use conditional coloring instead of conditional rendering */}
       {showScrollArrows && items.length > maxItemsToShow && (
         <Text
@@ -137,7 +137,12 @@ export function BaseSelectionList<
         )}.`;
 
         return (
-          <Box key={item.key} alignItems="flex-start">
+          <Box
+            key={item.key}
+            alignItems="flex-start"
+            aria-role="listitem"
+            aria-state={{ checked: isSelected }}
+          >
             {/* Radio button indicator */}
             <Box minWidth={2} flexShrink={0}>
               <Text
@@ -154,7 +159,6 @@ export function BaseSelectionList<
                 marginRight={1}
                 flexShrink={0}
                 minWidth={itemNumberText.length}
-                aria-state={{ checked: isSelected }}
               >
                 <Text color={numberColor}>{itemNumberText}</Text>
               </Box>