more working logic and also pretty nice screen reader experience

src/node/utils/toolbar.js

@@ -105,6 +105,8 @@ _.extend(Button.prototype, {
   }
 });
 
+
+
 SelectButton = function (attributes) {
   this.attributes = attributes;
   this.options = [];

src/static/js/ace.js

@@ -320,6 +320,7 @@ window.onload = function () {\n\
       var outerFrame = document.createElement("IFRAME");
       outerFrame.name = "ace_outer";
       outerFrame.frameBorder = 0; // for IE
+      outerFrame.title = "Ether";
       info.frame = outerFrame;
       document.getElementById(containerId).appendChild(outerFrame);
 

src/static/js/pad_editbar.js

@@ -325,7 +325,7 @@ var padeditbar = (function()
     // On left arrow move to next button in editbar
     if(evt.keyCode === 37){
       editbarPosition--;
-      $(focusItems[editbarPosition]).focus();
+      $(focusItems[editbarPosition]).focus()
     }
 
     // On right arrow move to next button in editbar

src/templates/pad.html

@@ -61,12 +61,12 @@
                 <div id="overlay-inner"></div>
             </div>
 
-            <ul class="menu_left">
+            <ul class="menu_left" role="toolbar">
                 <% e.begin_block("editbarMenuLeft"); %>
                 <%- toolbar.menu(settings.toolbar.left) %>
                 <% e.end_block(); %>
             </ul>
-            <ul class="menu_right">
+            <ul class="menu_right" role="toolbar">
                 <% e.begin_block("editbarMenuRight"); %>
                 <%- toolbar.menu(settings.toolbar.right) %>
                 <% e.end_block(); %>