From c3c9aa832bd1f3aef3e3be87eb25c49ef5e42d1b Mon Sep 17 00:00:00 2001
From: Dananji <dan9131@gmail.com>
Date: Tue, 5 Nov 2019 13:32:24 -0500
Subject: [PATCH 1/2] Make skip to content focus on main content

---
 app/views/layouts/hyrax.html.erb | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/app/views/layouts/hyrax.html.erb b/app/views/layouts/hyrax.html.erb
index ab37331e9f..a63bdcd4ee 100644
--- a/app/views/layouts/hyrax.html.erb
+++ b/app/views/layouts/hyrax.html.erb
@@ -23,11 +23,26 @@
         </div>
       <% end %>
 
-        <a name="skip-to-content" id="skip-to-content"></a>
-        <%= content_for?(:content) ? yield(:content) : yield %>
-
+      <a name="skip-to-content" id="skip-to-content"></a>
+      <%= content_for?(:content) ? yield(:content) : yield %>
+  
     </div><!-- /#content-wrapper -->
     <%= render 'shared/footer' %>
     <%= render 'shared/ajax_modal' %>
   </body>
+  <script type="text/javascript">
+    $( document ).ready(function() {
+      $(".skip-to-content").click(function(event) {
+        event.preventDefault();
+        // element to focus on
+        let skipTo = '#' + $(this)[0].firstElementChild.hash.split('#')[1];
+
+        // Setting 'tabindex' to -1 takes an element out of normal 
+        // tab flow but allows it to be focused via javascript
+        $(skipTo).attr('tabindex', -1).on('blur focusout', function () {
+          $(this).removeAttr('tabindex');
+        }).focus();
+      });
+    });
+  </script>
 </html>

From 3f8a75f51d194d5cd00824df2c655e8c7378dcbf Mon Sep 17 00:00:00 2001
From: Dananji Withana <dwithana@iu.edu>
Date: Tue, 5 Nov 2019 16:41:11 -0500
Subject: [PATCH 2/2] Update app/views/layouts/hyrax.html.erb

Co-Authored-By: Tom Johnson <tomjohnson@ucsb.edu>
---
 app/views/layouts/hyrax.html.erb | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/views/layouts/hyrax.html.erb b/app/views/layouts/hyrax.html.erb
index a63bdcd4ee..66f55e4446 100644
--- a/app/views/layouts/hyrax.html.erb
+++ b/app/views/layouts/hyrax.html.erb
@@ -25,7 +25,6 @@
 
       <a name="skip-to-content" id="skip-to-content"></a>
       <%= content_for?(:content) ? yield(:content) : yield %>
-  
     </div><!-- /#content-wrapper -->
     <%= render 'shared/footer' %>
     <%= render 'shared/ajax_modal' %>