diff --git a/client/modules/IDE/components/SketchList.js b/client/modules/IDE/components/SketchList.js
index 6955090e..08ec49e2 100644
--- a/client/modules/IDE/components/SketchList.js
+++ b/client/modules/IDE/components/SketchList.js
@@ -11,6 +11,7 @@ const exitUrl = require('../../../images/exit.svg');
 class SketchList extends React.Component {
   componentDidMount() {
     this.props.getProjects(this.props.username);
+    document.getElementById('sketchlistbutton').focus();
   }
 
   render() {
@@ -18,7 +19,7 @@ class SketchList extends React.Component {
       <div className="sketch-list">
         <header className="sketch-list__header">
           <h2>Sketches</h2>
-          <button className="sketch-list__exit-button" onClick={this.props.closeSketchList}>
+          <button className="sketch-list__exit-button" onClick={this.props.closeSketchList} id="sketchlistbutton">
             <InlineSVG src={exitUrl} alt="Close Sketch List Overlay" />
           </button>
         </header>
diff --git a/client/modules/IDE/components/TextOutput.js b/client/modules/IDE/components/TextOutput.js
index 949215d6..6adf9e50 100644
--- a/client/modules/IDE/components/TextOutput.js
+++ b/client/modules/IDE/components/TextOutput.js
@@ -17,14 +17,14 @@ class TextOutput extends React.Component {
         </section>
         <p
           tabIndex="0"
-          role="region"
+          role="main"
           id="textOutput-content-summary"
           aria-label="text output summary"
         >
         </p>
         <table
           tabIndex="0"
-          role="region"
+          role="main"
           id="textOutput-content-details"
           aria-label="text output summary details"
         >