diff --git a/packages/react/src/ActionList/ActionList.features.stories.tsx b/packages/react/src/ActionList/ActionList.features.stories.tsx
index e2beee85f9e..02ecdbbfc9b 100644
--- a/packages/react/src/ActionList/ActionList.features.stories.tsx
+++ b/packages/react/src/ActionList/ActionList.features.stories.tsx
@@ -639,21 +639,21 @@ export const InsideOverlay = () => {
       onClose={toggle}
       renderAnchor={props => <button {...props}>toggle overlay</button>}
     >
-      <ActionList>
-        <ActionList.Item>
+      <ActionList role="menu">
+        <ActionList.Item role="menuitem">
           Use your arrow keys
           <ActionList.TrailingVisual>↓</ActionList.TrailingVisual>
         </ActionList.Item>
-        <ActionList.Item>
+        <ActionList.Item role="menuitem">
           keep going
           <ActionList.TrailingVisual>↓</ActionList.TrailingVisual>
         </ActionList.Item>
-        <ActionList.Item>
+        <ActionList.Item role="menuitem">
           more more
           <ActionList.TrailingVisual>↓</ActionList.TrailingVisual>
         </ActionList.Item>
         <ActionList.Divider />
-        <ActionList.Item variant="danger">
+        <ActionList.Item variant="danger" role="menuitem">
           now go up!
           <ActionList.TrailingVisual>↑</ActionList.TrailingVisual>
         </ActionList.Item>