diff options
Diffstat (limited to 'gui/src')
| -rw-r--r-- | gui/src/renderer/components/NotificationArea.tsx | 2 | ||||
| -rw-r--r-- | gui/src/renderer/components/SecuredLabel.tsx | 6 |
2 files changed, 6 insertions, 2 deletions
diff --git a/gui/src/renderer/components/NotificationArea.tsx b/gui/src/renderer/components/NotificationArea.tsx index 2d4b0cd2d2..9c5d8f13f6 100644 --- a/gui/src/renderer/components/NotificationArea.tsx +++ b/gui/src/renderer/components/NotificationArea.tsx @@ -66,7 +66,7 @@ export default function NotificationArea(props: IProps) { return ( <NotificationBanner className={props.className} visible> <NotificationIndicator type={notification.indicator} /> - <NotificationContent> + <NotificationContent role="alert" aria-live="assertive"> <NotificationTitle>{notification.title}</NotificationTitle> <NotificationSubtitle>{notification.subtitle}</NotificationSubtitle> </NotificationContent> diff --git a/gui/src/renderer/components/SecuredLabel.tsx b/gui/src/renderer/components/SecuredLabel.tsx index 7f68b100ae..36cee2db18 100644 --- a/gui/src/renderer/components/SecuredLabel.tsx +++ b/gui/src/renderer/components/SecuredLabel.tsx @@ -29,7 +29,11 @@ interface ISecuredLabelProps { } export default function SecuredLabel(props: ISecuredLabelProps) { - return <StyledSecuredLabel {...props}>{getLabelText(props.displayStyle)}</StyledSecuredLabel>; + return ( + <StyledSecuredLabel {...props} role="alert" aria-live="polite"> + {getLabelText(props.displayStyle)} + </StyledSecuredLabel> + ); } function getLabelText(displayStyle: SecuredDisplayStyle) { |
