From 4811c3c84947a9cef1b86d0412b9881241370bf4 Mon Sep 17 00:00:00 2001
From: Demian Katz <demian.katz@villanova.edu>
Date: Fri, 18 Oct 2024 08:30:49 -0400
Subject: [PATCH] Make hidden skip link visible on focus (fixes #1088)

---
 src/content-handlers/iiif/modules/uv-shared-module/Shell.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/content-handlers/iiif/modules/uv-shared-module/Shell.ts b/src/content-handlers/iiif/modules/uv-shared-module/Shell.ts
index da85b7703..ac535395f 100644
--- a/src/content-handlers/iiif/modules/uv-shared-module/Shell.ts
+++ b/src/content-handlers/iiif/modules/uv-shared-module/Shell.ts
@@ -38,6 +38,9 @@ export class Shell extends BaseView<BaseConfig> {
         this.extension.data.config!.content.skipToDownload +
         "</a>"
     );
+    var srOnlyElements = this.$element.find('.sr-only');
+    srOnlyElements.on("focus", (e) => $(e.target).removeClass('sr-only'));
+    srOnlyElements.on("blur", (e) => $(e.target).addClass('sr-only'));
 
     this.$headerPanel = $('<div class="headerPanel"></div>');
     this.$element.append(this.$headerPanel);