🙌 a11y: Accessibility Improvements (#4978)

* 🔃 fix: Safeguard against null token in SSE refresh token handling

* 🔃 fix: Update import path for AnnounceOptions in LiveAnnouncer component

* 🔃 a11y: Add aria-live attribute for accessibility in error messages

* fix: prevent double screen reader notification for toast

* 🔃 a11y: Enhance accessibility for main menus and buttons with ARIA roles and labels

* refactor: better alt text for logo on login page #4095

* refactor: remove unused import for DropdownNoState in Voices component

* fix: Focus management issue in the Export Options Modal #4100
This commit is contained in:
Danny Avila 2024-12-13 15:44:22 -05:00 committed by GitHub
parent 763693cc1b
commit 0a5bc503b0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
18 changed files with 102 additions and 26 deletions

View file

@ -9,10 +9,12 @@ export default function ExportModal({
open,
onOpenChange,
conversation,
triggerRef,
}: {
open: boolean;
onOpenChange: (open: boolean) => void;
conversation: TConversation | null;
onOpenChange: (open: boolean) => void;
triggerRef: React.RefObject<HTMLButtonElement>;
}) {
const localize = useLocalize();
@ -31,6 +33,12 @@ export default function ExportModal({
{ value: 'csv', label: 'csv (.csv)' },
];
useEffect(() => {
if (!open && triggerRef.current) {
triggerRef.current.focus();
}
}, [open, triggerRef]);
useEffect(() => {
setFileName(filenamify(String(conversation?.title ?? 'file')));
setType('screenshot');
@ -61,7 +69,7 @@ export default function ExportModal({
});
return (
<OGDialog open={open} onOpenChange={onOpenChange}>
<OGDialog open={open} onOpenChange={onOpenChange} triggerRef={triggerRef}>
<OGDialogTemplate
title={localize('com_nav_export_conversation')}
className="max-w-full sm:max-w-2xl"