diff --git a/code/addons/docs/src/types.ts b/code/addons/docs/src/types.ts
index 71768a3e34b4..438423ef651a 100644
--- a/code/addons/docs/src/types.ts
+++ b/code/addons/docs/src/types.ts
@@ -73,6 +73,7 @@ type CanvasBlockParameters = {
     disabled?: boolean;
     onClick: () => void;
     title: string | React.JSX.Element;
+    ariaLabel?: string | false;
   }[];
   /** Provide HTML class(es) to the preview element, for custom styling. */
   className?: string;
diff --git a/code/core/src/components/components/ActionBar/ActionBar.tsx b/code/core/src/components/components/ActionBar/ActionBar.tsx
index 59f6694501f5..aff8df60cdda 100644
--- a/code/core/src/components/components/ActionBar/ActionBar.tsx
+++ b/code/core/src/components/components/ActionBar/ActionBar.tsx
@@ -74,6 +74,7 @@ export interface ActionItem {
   className?: string;
   onClick: (e: MouseEvent<HTMLButtonElement>) => void;
   disabled?: boolean;
+  ariaLabel?: string | false;
 }
 
 export interface ActionBarProps {
@@ -89,8 +90,14 @@ export interface ActionBarProps {
 export const ActionBar = ({ actionItems, flexLayout = false, ...props }: ActionBarProps) => {
   return (
     <Container {...props} $flexLayout={flexLayout}>
-      {actionItems.map(({ title, className, onClick, disabled }, index: number) => (
-        <ActionButton key={index} className={className} onClick={onClick} disabled={!!disabled}>
+      {actionItems.map(({ title, className, onClick, disabled, ariaLabel }, index: number) => (
+        <ActionButton
+          key={index}
+          className={className}
+          onClick={onClick}
+          disabled={!!disabled}
+          aria-label={ariaLabel === false ? undefined : ariaLabel}
+        >
           {title}
         </ActionButton>
       ))}