accessibility changes

Created by: whunter

COMPEL accessibility changes

---

JIRA Ticket: (https://webapps.es.vt.edu/jira/browse/LIBTD-1326) ()

What does this Pull Request do? ()

This pull request makes updates the COMPEL design to be more accessible to users with different abilities.

What's the changes? ()

• increased font sizes
• increased color contrast
• modifies alt-text
• fixes navbar rendering for smaller screensizes and navbar toggle button functionality

How should this be tested?

• Check to make sure that text is legible and increased size doesn't cause any problems.
• Test navbar by resizing your browser window. Under 1150px the navbar should disappear and a toggle button should appear top left. Click toggle button to open and close navbar.

app/assets/javascripts/vtul/navbar.js

+Blacklight.onLoad(function() {
+  var $navbarToggle = $('.navbar-toggle');
+  var $navbar = $('.navbar-static-top');
+  var $window = $(window);
+
+  $navbarToggle.click(function(){
+    if($navbar.css('display') == 'none') {
+      $navbar.css('display', 'block');
+    } else {
+      $navbar.css('display', 'none');
+    }
+  });
+
+  $window.resize(function(){
+    if($window.width() >= 1150) {
+      $navbar.css('display', 'block');
+    } else {
+      $navbar.css('display', 'none');
+    }
+  });
+});