diff --git a/src/js/components/EditMenu/SnippetForm/page/Notices.tsx b/src/js/components/EditMenu/SnippetForm/page/Notices.tsx
index 4c29bc79e..ca6aedcd9 100644
--- a/src/js/components/EditMenu/SnippetForm/page/Notices.tsx
+++ b/src/js/components/EditMenu/SnippetForm/page/Notices.tsx
@@ -61,7 +61,11 @@ export const Notices: React.FC<NoticesProps> = ({ placement }) => {
 
 	return <>
 		{showCurrentNotice && currentNotice
-			? <DismissibleNotice className={`${currentNotice[0]} code-snippets-notice`} onDismiss={() => setCurrentNotice(undefined)}>
+			? <DismissibleNotice
+				className={`${currentNotice[0]} code-snippets-notice`}
+				type={'error' === currentNotice[0] ? 'error' : undefined}
+				onDismiss={() => setCurrentNotice(undefined)}
+			>
 				<p>{renderNoticeLine(currentNotice[1])}</p>
 				{currentNotice[DESCRIPTION_INDEX]
 					? <p>{renderNoticeLine(currentNotice[DESCRIPTION_INDEX])}</p>
@@ -75,6 +79,7 @@ export const Notices: React.FC<NoticesProps> = ({ placement }) => {
 		{showCodeErrorNotice && !currentNotice && snippet.code_error
 			? <DismissibleNotice
 				className="notice-error"
+				type="error"
 				onDismiss={() => setSnippet(previous => ({ ...previous, code_error: null, code_error_trace: null }))}
 			>
 				<p>
diff --git a/src/js/components/common/Notice.tsx b/src/js/components/common/Notice.tsx
index 0a96eb528..3163ec118 100644
--- a/src/js/components/common/Notice.tsx
+++ b/src/js/components/common/Notice.tsx
@@ -11,8 +11,15 @@ export interface NoticeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'class
 	type?: NoticeType
 }
 
+const isAssertive = (type?: NoticeType): boolean => 'error' === type || 'warning' === type
+
 export const Notice: React.FC<NoticeProps> = ({ className, type, children, ...props }) =>
-	<div className={classnames('notice', { [`notice-${type}`]: type }, className)} {...props}>
+	<div
+		className={classnames('notice', { [`notice-${type}`]: type }, className)}
+		role={isAssertive(type) ? 'alert' : 'status'}
+		aria-live={isAssertive(type) ? 'assertive' : 'polite'}
+		{...props}
+	>
 		{children}
 	</div>