From fd553b8d76d0b1a72275e373d542a64e63faa739 Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Sun, 18 Jan 2026 13:46:07 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20ARIA=20label=20?= =?UTF-8?q?to=20send=20button?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 💡 **What:** Added `aria-label` and `title` attributes to the chat send button to improve accessibility and user experience. 🎯 **Why:** Icon-only buttons are ambiguous for screen reader users and can be unclear to some sighted users. This change provides a clear, descriptive label ("Nachricht senden") that is announced by assistive technologies and appears as a tooltip on hover. ♿ **Accessibility:** This directly addresses WCAG success criterion 4.1.2 (Name, Role, Value) by ensuring the interactive element has a programmatically determined name. --- components/ChatView.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/components/ChatView.tsx b/components/ChatView.tsx index 43534f2..31b81b2 100644 --- a/components/ChatView.tsx +++ b/components/ChatView.tsx @@ -175,6 +175,8 @@ const ChatView: React.FC = ({ messages, onSendMessage, onEnterVoi ? 'bg-black text-white shadow-xl shadow-black/20 hover:bg-gray-900' : 'bg-gray-50 text-gray-300 cursor-not-allowed' }`} + aria-label="Nachricht senden" + title="Nachricht senden" >