diff --git a/packages/nicolium/src/components/ui/toast.tsx b/packages/nicolium/src/components/ui/toast.tsx index ea5782922..ce863741d 100644 --- a/packages/nicolium/src/components/ui/toast.tsx +++ b/packages/nicolium/src/components/ui/toast.tsx @@ -42,6 +42,11 @@ const Toast: React.FC = (props) => { toast.dismiss(t.id); }; + const liveRegionRole = type === 'error' ? 'alert' : 'status'; + const liveRegionPriority = type === 'error' ? 'assertive' : 'polite'; + const messageId = `toast-message-${String(t.id)}`; + const summaryId = summary ? `toast-summary-${String(t.id)}` : undefined; + const renderIcon = () => { switch (type) { case 'success': @@ -85,6 +90,10 @@ const Toast: React.FC = (props) => { return (
= (props) => {
{renderIcon()}
-

{renderText(message)}

+

+ {renderText(message)} +

{/* Action */} @@ -110,13 +121,14 @@ const Toast: React.FC = (props) => { onClick={dismissToast} data-testid='toast-dismiss' title={intl.formatMessage(messages.close)} + aria-label={intl.formatMessage(messages.close)} >
- {summary ?

{summary}

: null} + {summary ?

{summary}

: null} ); };