fix tabbing

1 files changed, 6 insertions, 2 deletions

diff --git a/script.js b/script.js
index 4178c93..7365d05 100644
--- a/script.js
+++ b/script.js
@@ -1,11 +1,15 @@
-const THRESHOLD_FIDELITY = 150 ;
+const THRESHOLD_FIDELITY = 150;
+
+// accessibility tab index
+const sectionsAndHeaders = document.querySelectorAll('section, header');
+console.log(sectionsAndHeaders)
+sectionsAndHeaders.forEach(ele => ele.tabIndex = "1");
 
 // mutation observer for the video element
 const videoTitle = document.querySelector('#video-title');
 
 // const pastryIframe = document.querySelector('#connie-pastries')
 
-
 const observer = new IntersectionObserver(entries => {
     // note - if the boundingClientRect.y is negative, then they are scrolling down
     // note - since using id, only 1 entry