fix aria-live bug in FF

client/modules/IDE/components/Editor.js

@@ -47,7 +47,6 @@ class Editor extends React.Component {
             this.beep.play();
           }
         })
-
       }
     });
     this._cm.on('change', debounce(200, () => {

client/modules/IDE/components/EditorAccessibility.js

@@ -27,7 +27,7 @@ class EditorAccessibility extends React.Component {
           {messages}
         </ul>
         <p> Current line
-          <span className="editor-linenumber" aria-live="polite" id="current-line"> {this.props.lineNo} </span>
+          <span className="editor-linenumber" aria-live="polite" aria-atomic="true" id="current-line"> {this.props.lineNo} </span>
         </p>
       </div>
     );

client/modules/IDE/components/Preferences.js

@@ -90,6 +90,7 @@ class Preferences extends React.Component {
             className="preference__value"
             aria-live="status"
             aria-live="polite"
+            aria-atomic="true"
             role="status"
             value={this.props.fontSize}
             onChange={this.handleUpdateFont}
@@ -119,6 +120,7 @@ class Preferences extends React.Component {
             className="preference__value"
             aria-live="status"
             aria-live="polite"
+            aria-atomic="true"
             role="status"
             value={this.props.indentationAmount}
             onChange={this.handleUpdateIndentation}