diff --git a/apps/docs/content/components/BreakoutBanner/react.mdx b/apps/docs/content/components/BreakoutBanner/react.mdx
index 14b1af943..f25b94303 100644
--- a/apps/docs/content/components/BreakoutBanner/react.mdx
+++ b/apps/docs/content/components/BreakoutBanner/react.mdx
@@ -100,8 +100,14 @@ The content alignment can be changed using the `align` prop on the root `Breakou
 
 ### Leading visual
 
+<Note variant="warning">
+  An accessible label should always be provided for the leading visual.
+</Note>
+
 ```jsx live
-<BreakoutBanner leadingVisual={<LogoGithubIcon size="medium" />}>
+<BreakoutBanner
+  leadingVisual={<LogoGithubIcon size="medium" aria-label="GitHub logo" />}
+>
   <BreakoutBanner.Heading>
     Where the most ambitious teams build great things
   </BreakoutBanner.Heading>