From 429ad4965f82e3439a1f66590841c72d3ef4d2cf Mon Sep 17 00:00:00 2001
From: Nathanael Gutierrez <nathanaelg16@gmail.com>
Date: Fri, 17 May 2024 12:10:46 -0400
Subject: [PATCH] fixes a11y with tabIndex

---
 .../epub_viewer/assets/src/views/EpubRendererIndex.vue     | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/kolibri/plugins/epub_viewer/assets/src/views/EpubRendererIndex.vue b/kolibri/plugins/epub_viewer/assets/src/views/EpubRendererIndex.vue
index 333a8d95577..5857f97de8d 100644
--- 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() {