✨(frontend) improve modal a11y: structure, labels, and title

[Ovgodd]

Purpose

Improve the accessibility of the modal by structuring content properly, adding a descriptive title, and clarifying button labels.

issue : 899

Proposal

• Structure modal text inside a p element
• Add a h1 title with id and reference it via aria-describedby
• Replace ambiguous aria-labels for "cancel" and "delete" buttons
• Replace ambiguous aria-labels for "cancel" and "delete" buttons
• Add a sr-only class to visually hide the modal title while keeping it accessible to screen readers

The sr-only class hides content from visual display but keeps it readable by screen readers. This ensures assistive technologies can announce the modal's purpose without affecting the UI layout.

[github-actions]

Size Change: +324 B (+0.01%)

Total Size: 3.65 MB

Filename	Size	Change
apps/impress/out/_next/static/4ef99bd8/_buildManifest.js	0 B	-867 B (removed)	🏆
apps/impress/out/_next/static/css/097de668257d29b5.css	0 B	-25.1 kB (removed)	🏆
apps/impress/out/_next/static/905ef816/_buildManifest.js	867 B	+867 B (new file)	🆕
apps/impress/out/_next/static/css/e6db258771d1472b.css	25.2 kB	+25.2 kB (new file)	🆕

_{compressed-size-action}

[AntoLC]

🚀 !