From 022026839e8c1a999df2b50ad8c5b7ddcc545be9 Mon Sep 17 00:00:00 2001 From: Dexploarer <211557447+Dexploarer@users.noreply.github.com> Date: Sun, 26 Apr 2026 01:07:04 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20aria-label=20to?= =?UTF-8?q?=20delete=20conversation=20button?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Added an `aria-label` attribute to the icon-only "×" button in `ConversationsSidebar` that deletes conversations. This ensures the button is properly accessible to screen readers, providing context that was previously only available via the `title` tooltip or visual context. --- .jules/palette.md | 3 +++ apps/app/src/components/ConversationsSidebar.tsx | 1 + 2 files changed, 4 insertions(+) create mode 100644 .jules/palette.md diff --git a/.jules/palette.md b/.jules/palette.md new file mode 100644 index 0000000000..dfc4a49e93 --- /dev/null +++ b/.jules/palette.md @@ -0,0 +1,3 @@ +## 2024-05-18 - Missing ARIA label for conversational sidebar delete action +**Learning:** Found an icon-only button ("×") representing delete in the `ConversationsSidebar` that relied solely on the `title` attribute for accessibility. The `title` attribute is often insufficient for screen readers or when hovered. +**Action:** Always add explicit `aria-label` to icon-only buttons to guarantee screen reader accessibility. diff --git a/apps/app/src/components/ConversationsSidebar.tsx b/apps/app/src/components/ConversationsSidebar.tsx index 75d768bee2..227a9aeb4a 100644 --- a/apps/app/src/components/ConversationsSidebar.tsx +++ b/apps/app/src/components/ConversationsSidebar.tsx @@ -221,6 +221,7 @@ export function ConversationsSidebar({ setConfirmDeleteId(conv.id); }} title="Delete conversation" + aria-label="Delete conversation" > ×