From d2e1d9016a9c3963928a9e60dd038ce49d221092 Mon Sep 17 00:00:00 2001
From: Jaime Iniesta <jaimeiniesta@gmail.com>
Date: Tue, 17 Mar 2020 12:43:41 +0100
Subject: [PATCH] makes pre code blocks accessible via keyboard so they can be
 scrolled

---
 docs/js/extra.js | 11 +++++++++++
 mkdocs.yml       |  4 ++--
 2 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 docs/js/extra.js

diff --git a/docs/js/extra.js b/docs/js/extra.js
new file mode 100644
index 0000000..1497a67
--- /dev/null
+++ b/docs/js/extra.js
@@ -0,0 +1,11 @@
+// Makes code blocks accessible via keyboard,
+// so they can be scrolled without a mouse.
+//
+// More info:
+// https://dequeuniversity.com/rules/axe/3.5/scrollable-region-focusable
+// https://webaim.org/techniques/keyboard/tabindex
+
+var codeblocks = document.querySelectorAll('pre code');
+for (var i=0; i < codeblocks.length; i++) {
+    codeblocks[i].setAttribute("tabindex", "0");
+}
diff --git a/mkdocs.yml b/mkdocs.yml
index 03d679e..250bc7c 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -5,8 +5,6 @@ nav:
 theme:
   name: material
   language: en
-  features:
-    - instant
   logo: img/rocket-icon-300x300.png
 extra:
   social:
@@ -28,3 +26,5 @@ markdown_extensions:
 extra_css:
     - css/extra.css
     - css/codehilite/borland.css
+extra_javascript:
+    - js/extra.js