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:
@@ -167,7 +167,7 @@ export function FileBrowserModal({
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="modal-overlay open" onClick={onClose}>
|
||||
<div className="modal-overlay open" onClick={onClose} role="dialog" aria-modal="true">
|
||||
<div className="modal file-browser-modal" onClick={(e) => e.stopPropagation()}>
|
||||
<div className="modal-header file-browser-modal-header">
|
||||
<div className="file-browser-header-title">
|
||||
@@ -186,7 +186,7 @@ export function FileBrowserModal({
|
||||
workspaces={workspaces}
|
||||
onSelect={handleWorkspaceSelect}
|
||||
/>
|
||||
<button className="modal-close" onClick={onClose}>
|
||||
<button className="modal-close" onClick={onClose} aria-label="Close">
|
||||
<X size={20} />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user