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" > ×