Merge pull request #33 from mlibrary/scrollable-focus

Add tabindex to code blocks so they can be scrolled with kb
mlibrary · May 24, 2024 · 09f1206 · 09f1206
2 parents 6c96719 + 7ff5828
commit 09f1206
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/lib/transforms/docs-color-block.js b/lib/transforms/docs-color-block.js
@@ -36,6 +36,9 @@ module.exports = function (el) {
       // add a class to the `<pre>` tag for easier styling
       // could remove once we're convinced we can rely on pre:has(code)
       el.parentElement.classList.add('code');
+      el.setAttribute("tabindex", "0");
+      el.setAttribute("role", "figure");
+      el.setAttribute("aria-label", "Code to be copied");
     }
   }
 }