style(FN-1847): unify dialog overlay styling and add accessibility attributes

- Add role=dialog and aria-modal attributes to all modal dialogs for accessibility
- Standardize close button aria-labels across all modals
- Unify overlay backdrop-filter, z-index, and background styles in styles.css
- Add light theme overrides for non-standard overlay backgrounds
- Update AgentListModal tests to reflect new aria attributes
- Add changeset for @gsxdsm/fusion package
This commit is contained in:
Fusion
2026-04-15 20:44:40 -07:00
committed by gsxdsm
parent f2c5ac7b82
commit be8add9ef4
27 changed files with 97 additions and 50 deletions

View File

@@ -172,6 +172,7 @@ export function ScriptsModal({ isOpen, onClose, addToast, projectId, onRunScript
className="modal scripts-modal"
onClick={(e) => e.stopPropagation()}
role="dialog"
aria-modal="true"
aria-label="Scripts"
>
{/* Header */}
@@ -180,8 +181,8 @@ export function ScriptsModal({ isOpen, onClose, addToast, projectId, onRunScript
<Terminal size={18} style={{ marginRight: "8px", verticalAlign: "middle" }} />
Scripts
</h2>
<button className="btn-icon" onClick={onClose} aria-label="Close">
<X size={16} />
<button className="modal-close" onClick={onClose} aria-label="Close">
&times;
</button>
</div>