From b1d2dfd4faad15a9f806b9e827a50fb280cefcc9 Mon Sep 17 00:00:00 2001
From: Lotus Bot <lotus@lotusguild.org>
Date: Thu, 21 May 2026 13:21:34 -0400
Subject: [PATCH] fix(a11y): label all buttons in Editor.preview.tsx demo
 component\n\nCo-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

---
 src/app/components/editor/Editor.preview.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/app/components/editor/Editor.preview.tsx b/src/app/components/editor/Editor.preview.tsx
index b760dddcb..92371f8f3 100644
--- a/src/app/components/editor/Editor.preview.tsx
+++ b/src/app/components/editor/Editor.preview.tsx
@@ -23,7 +23,7 @@ export function EditorPreview() {
 
   return (
     <>
-      <IconButton variant="SurfaceVariant" onClick={() => setOpen(!open)}>
+      <IconButton variant="SurfaceVariant" aria-label="Open editor preview" onClick={() => setOpen(!open)}>
         <Icon src={Icons.BlockQuote} />
       </IconButton>
       <Overlay open={open} backdrop={<OverlayBackdrop />}>
@@ -42,7 +42,7 @@ export function EditorPreview() {
                   editor={editor}
                   placeholder="Send a message..."
                   before={
-                    <IconButton variant="SurfaceVariant" size="300" radii="300">
+                    <IconButton variant="SurfaceVariant" size="300" radii="300" aria-label="Attach">
                       <Icon src={Icons.PlusCircle} />
                     </IconButton>
                   }
@@ -53,14 +53,15 @@ export function EditorPreview() {
                         size="300"
                         radii="300"
                         onClick={() => setToolbar(!toolbar)}
+                        aria-label={toolbar ? 'Hide formatting toolbar' : 'Show formatting toolbar'}
                         aria-pressed={toolbar}
                       >
                         <Icon src={toolbar ? Icons.AlphabetUnderline : Icons.Alphabet} />
                       </IconButton>
-                      <IconButton variant="SurfaceVariant" size="300" radii="300">
+                      <IconButton variant="SurfaceVariant" size="300" radii="300" aria-label="Insert emoji">
                         <Icon src={Icons.Smile} />
                       </IconButton>
-                      <IconButton variant="SurfaceVariant" size="300" radii="300">
+                      <IconButton variant="SurfaceVariant" size="300" radii="300" aria-label="Send">
                         <Icon src={Icons.Send} />
                       </IconButton>
                     </>