From 0f2cd43d970f45826486fa80de75dd48d5732e68 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sat, 28 Mar 2026 00:40:05 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20[UX=20improvement]=20?=
 =?UTF-8?q?Add=20aria-labels=20to=20icon-only=20buttons=20in=20AI=20Assist?=
 =?UTF-8?q?ant?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added explicit aria-labels to the icon-only buttons (Attach file, Send Image, Voice Input, Cancel response, Send message) in the AI Assistant interface to improve accessibility for screen readers.

Co-authored-by: Cukurikik <266119688+Cukurikik@users.noreply.github.com>
---
 src/app/assistant/page.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/assistant/page.tsx b/src/app/assistant/page.tsx
index 6c08a2d3..537ef22d 100644
--- a/src/app/assistant/page.tsx
+++ b/src/app/assistant/page.tsx
@@ -410,13 +410,13 @@ export default function DedicatedAssistantPage() {
               
               {/* Attachments & Tools Header */}
               <div className="flex items-center gap-2 px-4 py-2 border-b border-white/5">
-                 <button className="p-1.5 rounded-lg hover:bg-white/5 text-slate-400 hover:text-indigo-400 transition-colors" title="Attach file">
+                 <button className="p-1.5 rounded-lg hover:bg-white/5 text-slate-400 hover:text-indigo-400 transition-colors" title="Attach file" aria-label="Attach file">
                     <Paperclip className="w-4 h-4" />
                  </button>
-                 <button className="p-1.5 rounded-lg hover:bg-white/5 text-slate-400 hover:text-emerald-400 transition-colors" title="Send Image to Vision Model">
+                 <button className="p-1.5 rounded-lg hover:bg-white/5 text-slate-400 hover:text-emerald-400 transition-colors" title="Send Image to Vision Model" aria-label="Send Image to Vision Model">
                     <ImageIcon className="w-4 h-4" />
                  </button>
-                 <button className="p-1.5 rounded-lg hover:bg-white/5 text-slate-400 hover:text-amber-400 transition-colors" title="Voice Input">
+                 <button className="p-1.5 rounded-lg hover:bg-white/5 text-slate-400 hover:text-amber-400 transition-colors" title="Voice Input" aria-label="Voice Input">
                     <Mic className="w-4 h-4" />
                  </button>
                  <div className="flex-1" />
@@ -442,6 +442,7 @@ export default function DedicatedAssistantPage() {
                   <button 
                     onClick={() => {/* Implement Cancel */}}
                     className="shrink-0 w-12 h-12 rounded-2xl bg-red-500/20 text-red-400 flex items-center justify-center hover:bg-red-500/30 transition-colors border border-red-500/30"
+                    aria-label="Cancel response"
                   >
                     <StopCircle className="w-5 h-5" />
                   </button>
@@ -450,6 +451,7 @@ export default function DedicatedAssistantPage() {
                     onClick={handleSubmit}
                     disabled={!inputValue.trim()}
                     className="shrink-0 w-12 h-12 rounded-2xl bg-indigo-600 text-white flex items-center justify-center hover:bg-indigo-500 transition-all disabled:opacity-30 disabled:hover:bg-indigo-600 border border-indigo-400/30 shadow-lg shadow-indigo-500/20 group"
+                    aria-label="Send message"
                   >
                     <Send className="w-5 h-5 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform" />
                   </button>