From 3a4d2fbab2c00543929e3178b31756c17b3dda60 Mon Sep 17 00:00:00 2001
From: Dan Bjorge <dan@dbjorge.net>
Date: Tue, 19 May 2020 14:12:45 -0700
Subject: [PATCH] Add role=alert to the insights inspect error message

---
 src/injected/components/command-bar.tsx                         | 2 +-
 .../injected/components/__snapshots__/command-bar.test.tsx.snap | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/injected/components/command-bar.tsx b/src/injected/components/command-bar.tsx
index 814a99a5c42..9505e28fbcf 100644
--- a/src/injected/components/command-bar.tsx
+++ b/src/injected/components/command-bar.tsx
@@ -91,7 +91,7 @@ export const CommandBar = NamedFC<CommandBarProps>('CommandBar', props => {
     const renderInspectMessage = (): JSX.Element => {
         if (props.shouldShowInspectButtonMessage()) {
             return (
-                <div className="insights-dialog-inspect-disabled">
+                <div role="alert" className="insights-dialog-inspect-disabled">
                     {`To use the Inspect HTML button, first open the developer tools (${props.devToolsShortcut}).`}
                 </div>
             );
diff --git a/src/tests/unit/tests/injected/components/__snapshots__/command-bar.test.tsx.snap b/src/tests/unit/tests/injected/components/__snapshots__/command-bar.test.tsx.snap
index 6d7972cdd26..95f9c97cdb4 100644
--- a/src/tests/unit/tests/injected/components/__snapshots__/command-bar.test.tsx.snap
+++ b/src/tests/unit/tests/injected/components/__snapshots__/command-bar.test.tsx.snap
@@ -95,6 +95,7 @@ exports[`CommandBar renders renders, shows inspect button message: true 1`] = `
   </React.Fragment>
   <div
     className="insights-dialog-inspect-disabled"
+    role="alert"
   >
     To use the Inspect HTML button, first open the developer tools (dev-tools-shortcut).
   </div>