misc: docs accessibility fixes (#1118)

smithy-lang · Jul 11, 2024 · 823372c · 823372c
1 parent 2f5aa38
commit 823372c
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/docs/dokka-presets/scripts/accessibility.js b/docs/dokka-presets/scripts/accessibility.js
@@ -33,6 +33,10 @@ function applySkipLinks() {
         document.querySelectorAll('.sideMenuPart[data-active]').forEach(function(sideMenuPart) {
             insertSkipLink(sideMenuPart)
         });
+
+        // Insert a skip link on the first sideMenuPart
+        const firstSideMenuPart = document.getElementById("sideMenu").children[0].querySelectorAll(".sideMenuPart")[0]
+        insertSkipLink(firstSideMenuPart)
     }
 
     const observer = new MutationObserver(handleChanges);
@@ -86,11 +90,9 @@ function ensureNavButtonInteractable() {
     });
 }
 
-window.onload = function() {
-    ensureNavButtonInteractable()
-}
+document.addEventListener('DOMContentLoaded', ensureNavButtonInteractable)
+if (document.readyState === "interactive" || document.readyState === "complete" ) { ensureNavButtonInteractable() }
 
-//
 /**
  * Ensure that content (specifically, code blocks) reflows on small page sizes.
  * Fixes accessibility violation: "Ensure pages reflow without requiring two-dimensional scrolling without loss of content or functionality"
@@ -100,6 +102,8 @@ function ensureContentReflow() {
 
     // Function to insert 'toggle content' button
     function insertToggleContentButton(element) {
+        if (element.parentNode.querySelectorAll(".aws-toggle-content-btn").length > 0) { return }
+
         const initiallyVisible = window.innerWidth >= MIN_WINDOW_SIZE
 
         const toggleContent = document.createElement('button');