Make hidden skip link visible on focus (fixes UniversalViewer#1088)

FalveyLibraryTechnology · Oct 18, 2024 · 4811c3c · 4811c3c
1 parent 39ee05b
commit 4811c3c
Showing 1 changed file with 3 additions and 0 deletions.
diff --git 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);