fixes a11y with tabIndex

learningequality · May 17, 2024 · 429ad49 · 429ad49
1 parent bb85f74
commit 429ad49
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/kolibri/plugins/epub_viewer/assets/src/views/EpubRendererIndex.vue b/kolibri/plugins/epub_viewer/assets/src/views/EpubRendererIndex.vue
@@ -498,6 +498,13 @@
           this.errorLoading = true;
           this.reportLoadingError(err);
         });
+
+        // sets the iframe to be the first element in the tab order
+        // fixes accessibility for users using tabs to navigate the page
+        this.rendition.on(EVENTS.RENDITION.RENDERED, (_, view) => {
+          view.iframe.tabIndex = 1;
+          view.focus();
+        });
       });
     },
     beforeDestroy() {