[ACCESSIBILITY] Improve Modal Component with Proper ARIA Support and Keyboard Focus Management

[KrutagyaKaneria]

🐛 Problem Statement

The shared Modal component currently functions visually but lacks several accessibility features required by the WAI-ARIA Dialog Pattern.

Current issues include:

• Missing role="dialog"
• Missing aria-modal
• Missing aria-labelledby
• No keyboard focus trap
• Focus is not restored to the triggering element after closing

These issues reduce accessibility for keyboard and screen-reader users.

📍Affected Files

• frontend/src/components/Loader/Modal.jsx

✅ Proposed Solution

• Add proper dialog ARIA attributes.
• Implement keyboard focus trapping.
• Restore focus to the trigger element after closing.
• Use stable IDs for dialog titles.

🎯 Expected Benefits

• Improved WCAG compliance.
• Better keyboard navigation.
• Better screen-reader experience.
• Accessibility improvements across all modal usages.

#GSSoC'26
#ECSoC'26

[KrutagyaKaneria]

plss you assignee this issue to me @KaranUnique