From e0fd9958651175ec92bf8a94630a3876bc2b64a2 Mon Sep 17 00:00:00 2001
From: Shin'ya Ueoka <ueokande@i-beam.org>
Date: Mon, 4 Mar 2024 12:37:47 +0000
Subject: [PATCH] add role attr to message components

---
 src/console/components/ErrorMessage.tsx | 6 +++++-
 src/console/components/InfoMessage.tsx  | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/console/components/ErrorMessage.tsx b/src/console/components/ErrorMessage.tsx
index 7f5bd004..868a1bb2 100644
--- a/src/console/components/ErrorMessage.tsx
+++ b/src/console/components/ErrorMessage.tsx
@@ -19,7 +19,11 @@ type Props = {
 const ErrorMessage: React.FC<Props> = ({ children }) => {
   useAutoResize();
 
-  return <p {...stylex.props(styles.error)}>{children}</p>;
+  return (
+    <p role="alert" {...stylex.props(styles.error)}>
+      {children}
+    </p>
+  );
 };
 
 export default ErrorMessage;
diff --git a/src/console/components/InfoMessage.tsx b/src/console/components/InfoMessage.tsx
index 72ce8778..fd4b8b95 100644
--- a/src/console/components/InfoMessage.tsx
+++ b/src/console/components/InfoMessage.tsx
@@ -20,7 +20,11 @@ type Props = {
 const InfoMessage: React.FC<Props> = ({ children }) => {
   useAutoResize();
 
-  return <p {...stylex.props(styles.info)}>{children}</p>;
+  return (
+    <p role="status" {...stylex.props(styles.info)}>
+      {children}
+    </p>
+  );
 };
 
 export default InfoMessage;