add role attr to message components

ueokande · Mar 4, 2024 · e0fd995 · e0fd995
1 parent c5f837c
commit e0fd995
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git 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
@@ -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;