From 76492cec6f80dcca48a5d3530b1f35538eaa0f77 Mon Sep 17 00:00:00 2001
From: MathuraMG <mmg9291@gmail.com>
Date: Wed, 24 Aug 2016 13:30:50 -0400
Subject: [PATCH] switch focus to section

---
 client/modules/IDE/components/SketchList.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/modules/IDE/components/SketchList.js b/client/modules/IDE/components/SketchList.js
index 08ec49e2..524a7df2 100644
--- a/client/modules/IDE/components/SketchList.js
+++ b/client/modules/IDE/components/SketchList.js
@@ -11,15 +11,15 @@ const exitUrl = require('../../../images/exit.svg');
 class SketchList extends React.Component {
   componentDidMount() {
     this.props.getProjects(this.props.username);
-    document.getElementById('sketchlistbutton').focus();
+    document.getElementById('sketchlist').focus();
   }
 
   render() {
     return (
-      <div className="sketch-list">
+      <section className="sketch-list" aria-label="project list" tabIndex="0" role="main" id="sketchlist">
         <header className="sketch-list__header">
           <h2>Sketches</h2>
-          <button className="sketch-list__exit-button" onClick={this.props.closeSketchList} id="sketchlistbutton">
+          <button className="sketch-list__exit-button" onClick={this.props.closeSketchList}>
             <InlineSVG src={exitUrl} alt="Close Sketch List Overlay" />
           </button>
         </header>
@@ -43,7 +43,7 @@ class SketchList extends React.Component {
             </tbody>
           </table>
         </div>
-      </div>
+      </section>
     );
   }
 }