move accessiblity region inside main editor block

client/modules/IDE/components/Editor.js

@@ -1,4 +1,5 @@
 import React, { PropTypes } from 'react';
+import EditorAccessibility from '../components/EditorAccessibility';
 import CodeMirror from 'codemirror';
 import 'codemirror/mode/javascript/javascript';
 import 'codemirror/mode/css/css';
@@ -98,7 +99,13 @@ class Editor extends React.Component {
 
   render() {
     return (
-      <div ref="container" className="editor-holder" tabIndex="0" title="code editor" role="main">
+      <div>
+        <div ref="container" className="editor-holder" tabIndex="0" title="code editor" role="main">
+        </div>
+        <EditorAccessibility
+          lintMessages={this.props.lintMessages}
+          lineNo={this.props.lineNo}
+        />
       </div>
     );
   }
@@ -106,6 +113,7 @@ class Editor extends React.Component {
 
 Editor.propTypes = {
   lintWarning: PropTypes.bool.isRequired,
+  lineNo: PropTypes.string.isRequired,
   lintMessages: PropTypes.array.isRequired,
   updateLintMessage: PropTypes.func.isRequired,
   clearLintMessage: PropTypes.func.isRequired,

client/modules/IDE/pages/IDEView.js

@@ -1,6 +1,5 @@
 import React, { PropTypes } from 'react';
 import Editor from '../components/Editor';
-import EditorAccessibility from '../components/EditorAccessibility';
 import Sidebar from '../components/Sidebar';
 import PreviewFrame from '../components/PreviewFrame';
 import Toolbar from '../components/Toolbar';
@@ -174,8 +173,6 @@ class IDEView extends React.Component {
                   fontSize={this.props.preferences.fontSize}
                   indentationAmount={this.props.preferences.indentationAmount}
                   isTabIndent={this.props.preferences.isTabIndent}
-                />
-                <EditorAccessibility
                   lintMessages={this.props.editorAccessibility.lintMessages}
                   lineNo={this.props.editorAccessibility.lineNo}
                 />