Merge pull request #242 from wpaccessibility/236-tabindex

236 Add tabindex=0 to the direct parent of a codeblock and a table

Author: joedolson

assets/js/wp-a11y-docs.js

@@ -549,22 +549,23 @@
   });
 
   /**
-   * Makes code blocks focusable for keyboard navigation.
+   * Makes scrollable containers focusable for keyboard navigation.
    *
    * Applies to:
-   * - Rouge highlighter blocks
+   * - Code blocks
+   * - Tables
    * - AsciiDoc listingblocks
    * - Generic code `<figure>` blocks
    *
    * @function
    */
   jtd.onReady(function() {
-    var codeBlocks = document.querySelectorAll(
-        'div.highlighter-rouge, div.listingblock > div.content, figure.highlight'
+    let scrollBlocks = document.querySelectorAll(
+        'div.highlighter-rouge > div.highlight, div.listingblock > div.content, figure.highlight, div.table-wrapper'
     );
 
-    codeBlocks.forEach(codeBlock => {
-      codeBlock.tabIndex = 0;
+    scrollBlocks.forEach(scrollBlock => {
+      scrollBlock.tabIndex = 0;
     });
   });