Add tab index for keyboard ease of keyboard navigation

rhc2104 · Oct 6, 2015 · 0ee10e7 · 0ee10e7
1 parent 59ce711
commit 0ee10e7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -51,8 +51,8 @@ <h2 id='title-header'>
           <div id='sql-header'>
             <strong>SQL:</strong>
           </div>
-          <textarea id='sql-input' rows=8 cols=40></textarea>
-          <a id='sql-link' href='#' class='btn btn-default'>Run SQL</a>
+          <textarea id='sql-input' rows=8 cols=40  tabindex='1'></textarea>
+          <a id='sql-link' href='#' class='btn btn-default' tabindex='2'>Run SQL</a>
         </div>
         <div class='results-container'>
           <strong>Result:</strong>

diff --git a/sqlteaching.js b/sqlteaching.js
@@ -38,7 +38,7 @@ var show_is_correct = function(is_correct, custom_error_message) {
   if (is_correct) {
     is_correct_html = 'Congrats!  That is correct!<br/>';
     if (current_level < levels.length) {
-      is_correct_html += '<a href="#!' + levels[current_level]['short_name'] + '">Next Lesson</a>';
+      is_correct_html += '<a href="#!' + levels[current_level]['short_name'] + '" tabindex="3">Next Lesson</a>';
     } else {
       is_correct_html += 'That is currently the end of the tutorial.  Please check back later for more!';
     }