From e4a9c831381a9c90ca0d44844d103b9c83a56c8d Mon Sep 17 00:00:00 2001
From: Shin'ya Ueoka <ueokande@i-beam.org>
Date: Sun, 16 Aug 2020 22:21:50 +0900
Subject: Improve a11y on Message component

---
 src/console/components/console/Message.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/console/components/console/Message.tsx b/src/console/components/console/Message.tsx
index e039020..73498fd 100644
--- a/src/console/components/console/Message.tsx
+++ b/src/console/components/console/Message.tsx
@@ -23,9 +23,9 @@ interface Props {
 const Message: React.FC<Props> = ({ mode, children }) => {
   switch (mode) {
     case "error":
-      return <Error>{children}</Error>;
+      return <Error role="alert">{children}</Error>;
     case "info":
-      return <Info>{children}</Info>;
+      return <Info role="status">{children}</Info>;
   }
   return null;
 };
-- 
cgit v1.2.3