diff --git a/client/src/components/Artifacts/ArtifactVersion.tsx b/client/src/components/Artifacts/ArtifactVersion.tsx index 1998ff02d1..7d17416cdf 100644 --- a/client/src/components/Artifacts/ArtifactVersion.tsx +++ b/client/src/components/Artifacts/ArtifactVersion.tsx @@ -59,7 +59,12 @@ export default function ArtifactVersion({ + diff --git a/client/src/components/Chat/Messages/Content/DialogImage.tsx b/client/src/components/Chat/Messages/Content/DialogImage.tsx index 9eb5f9e71f..6923f15194 100644 --- a/client/src/components/Chat/Messages/Content/DialogImage.tsx +++ b/client/src/components/Chat/Messages/Content/DialogImage.tsx @@ -180,6 +180,10 @@ export default function DialogImage({ isOpen, onOpenChange, src = '', downloadIm } }, [isPromptOpen, zoom]); + const imageDetailsLabel = isPromptOpen + ? localize('com_ui_hide_image_details') + : localize('com_ui_show_image_details'); + return ( onOpenChange(false)} variant="ghost" className="h-10 w-10 p-0 hover:bg-surface-hover" + aria-label={localize('com_ui_close')} > @@ -208,7 +213,12 @@ export default function DialogImage({ isOpen, onOpenChange, src = '', downloadIm + } @@ -217,22 +227,24 @@ export default function DialogImage({ isOpen, onOpenChange, src = '', downloadIm downloadImage()} variant="ghost" className="h-10 w-10 p-0"> + downloadImage()} + variant="ghost" + className="h-10 w-10 p-0" + aria-label={localize('com_ui_download')} + > } /> setIsPromptOpen(!isPromptOpen)} variant="ghost" className="h-10 w-10 p-0" + aria-label={imageDetailsLabel} > {isPromptOpen ? ( diff --git a/client/src/components/Conversations/ConvoOptions/SharedLinkButton.tsx b/client/src/components/Conversations/ConvoOptions/SharedLinkButton.tsx index 9a2b740985..e5d1dbfb20 100644 --- a/client/src/components/Conversations/ConvoOptions/SharedLinkButton.tsx +++ b/client/src/components/Conversations/ConvoOptions/SharedLinkButton.tsx @@ -113,6 +113,8 @@ export default function SharedLinkButton({ } }; + const qrCodeLabel = showQR ? localize('com_ui_hide_qr') : localize('com_ui_show_qr'); + return ( <> @@ -130,6 +132,7 @@ export default function SharedLinkButton({ updateSharedLink()} + aria-label={localize('com_ui_refresh_link')} variant="outline" disabled={isUpdateLoading} > @@ -143,9 +146,14 @@ export default function SharedLinkButton({ /> ( - setShowQR(!showQR)} variant="outline"> + setShowQR(!showQR)} + variant="outline" + aria-label={qrCodeLabel} + > )} @@ -154,7 +162,12 @@ export default function SharedLinkButton({ ( - setShowDeleteDialog(true)} variant="destructive"> + setShowDeleteDialog(true)} + variant="destructive" + aria-label={localize('com_ui_delete')} + > )} diff --git a/client/src/components/SidePanel/Builder/AssistantConversationStarters.tsx b/client/src/components/SidePanel/Builder/AssistantConversationStarters.tsx index 9c8da37b1b..01b45c27d5 100644 --- a/client/src/components/SidePanel/Builder/AssistantConversationStarters.tsx +++ b/client/src/components/SidePanel/Builder/AssistantConversationStarters.tsx @@ -59,6 +59,10 @@ const AssistantConversationStarters: React.FC= Constants.MAX_CONVO_STARTERS; + const addConversationStarterLabel = hasReachedMax + ? localize('com_assistants_max_starters_reached') + : localize('com_ui_add'); + return ( @@ -108,11 +112,8 @@ const AssistantConversationStarters: React.FC handleDeleteStarter(index)} > diff --git a/packages/client/src/components/Tooltip.tsx b/packages/client/src/components/Tooltip.tsx index b9bc87fd54..ed42cd1c9e 100644 --- a/packages/client/src/components/Tooltip.tsx +++ b/packages/client/src/components/Tooltip.tsx @@ -21,7 +21,6 @@ export const TooltipAnchor = forwardRef(func const mounted = Ariakit.useStoreState(tooltip, (state) => state.mounted); const placement = Ariakit.useStoreState(tooltip, (state) => state.placement); - const id = useId(); const sanitizer = useMemo(() => { const instance = DOMPurify(); instance.addHook('afterSanitizeAttributes', (node) => { @@ -79,7 +78,6 @@ export const TooltipAnchor = forwardRef(func {...props} ref={ref} role={role} - aria-describedby={id} onKeyDown={handleKeyDown} className={cn('cursor-pointer', className)} /> @@ -89,7 +87,6 @@ export const TooltipAnchor = forwardRef(func gutter={4} alwaysVisible className="tooltip" - id={id} render={