diff --git a/client/modules/IDE/components/Console.js b/client/modules/IDE/components/Console.js
index d201f557..52b33d58 100644
--- a/client/modules/IDE/components/Console.js
+++ b/client/modules/IDE/components/Console.js
@@ -55,7 +55,7 @@ class Console extends React.Component {
     });
 
     return (
-      <div ref="console" className={consoleClass} role="region" tabIndex="0" title="console">
+      <div ref="console" className={consoleClass} role="main" tabIndex="0" title="console">
         <div className="preview-console__header">
           <h2 className="preview-console__header-title">console</h2>
           <button className="preview-console__collapse" onClick={this.props.collapseConsole} aria-label="collapse console">
diff --git a/client/modules/IDE/components/Editor.js b/client/modules/IDE/components/Editor.js
index 2a7bbc28..cff97ae5 100644
--- a/client/modules/IDE/components/Editor.js
+++ b/client/modules/IDE/components/Editor.js
@@ -102,7 +102,7 @@ class Editor extends React.Component {
 
   render() {
     return (
-      <div ref="container" className="editor-holder" tabIndex="0" title="code editor" role="region">
+      <div ref="container" className="editor-holder" tabIndex="0" title="code editor" role="main">
       </div>
     );
   }
diff --git a/client/modules/IDE/components/PreviewFrame.js b/client/modules/IDE/components/PreviewFrame.js
index 9eb33041..1ae55a14 100644
--- a/client/modules/IDE/components/PreviewFrame.js
+++ b/client/modules/IDE/components/PreviewFrame.js
@@ -161,7 +161,8 @@ class PreviewFrame extends React.Component {
     return (
       <iframe
         className="preview-frame"
-        role="region"
+        aria-label="sketch output"
+        role="main"
         tabIndex="0"
         frameBorder="0"
         title="sketch output"