🙌 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

client/src/components/ui/OriginalDialog.tsx

@@ -3,7 +3,28 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { X } from 'lucide-react';
 import { cn } from '~/utils';
 
-const Dialog = DialogPrimitive.Root;
+interface OGDialogProps extends DialogPrimitive.DialogProps {
+  triggerRef?: React.RefObject<HTMLButtonElement>;
+}
+
+const Dialog = React.forwardRef<HTMLDivElement, OGDialogProps>(
+  ({ children, triggerRef, onOpenChange, ...props }) => {
+    const handleOpenChange = (open: boolean) => {
+      if (!open && triggerRef?.current) {
+        setTimeout(() => {
+          triggerRef.current?.focus();
+        }, 0);
+      }
+      onOpenChange?.(open);
+    };
+
+    return (
+      <DialogPrimitive.Root {...props} onOpenChange={handleOpenChange}>
+        {children}
+      </DialogPrimitive.Root>
+    );
+  },
+);
 
 const DialogTrigger = DialogPrimitive.Trigger;
 

client/src/components/ui/Toast.tsx

@@ -26,7 +26,6 @@ export default function Toast() {
           className={`alert-root pointer-events-auto inline-flex flex-row gap-2 rounded-md border px-3 py-2 text-white ${
             severityClassName[toast.severity]
           }`}
-          role="alert"
         >
           {toast.showIcon && (
             <div className="mt-1 flex-shrink-0 flex-grow-0">