Merge pull request #368 from MITLibraries/use-accessibility-fixes

Multiple accessibility fixes to USE

Author: djanelle-mit

app/assets/stylesheets/partials/_suggestion-panel.scss

@@ -14,6 +14,7 @@
 
     .panel-type {
         color: $color-suggestion-accent-text;
+        font-family: $base-font;
         font-size: 1.4rem;
         font-weight: 600;
         margin-bottom: 8px;

app/helpers/search_helper.rb

@@ -36,10 +36,12 @@ def link_to_tab(target, label = nil)
       link_to tab_label, results_path(params.permit(:q, :per_page, :booleanType, :tab).merge(tab: clean_target)),
               aria: { current: 'page' },
               class: 'active tab-link',
+              role: 'button',
               data: { turbo_frame: 'search-results', turbo_action: 'advance' }
     else
       link_to tab_label, results_path(params.permit(:q, :per_page, :booleanType, :tab).merge(tab: clean_target)),
               class: 'tab-link',
+              role: 'button',
               data: { turbo_frame: 'search-results', turbo_action: 'advance' }
     end
   end

app/views/search/_result.html.erb

@@ -4,7 +4,6 @@
       <p class="eyebrow"><%= result[:eyebrow] %></p>
     <% end %>
     <h3 class="record-title">
-      <span class="sr">Title: </span>
       <%= link_to_result(result) %>
     </h3>
 

app/views/search/_result_geo.html.erb

@@ -1,7 +1,7 @@
 <li class="result" data-record-id="<%=result_geo[:identifier]%>">
   <div class="result-content">
     <h3 class="record-title">
-      <span class="sr">Title: </span><%= link_to(result_geo[:title], record_path(result_geo[:identifier])) %>
+      <%= link_to(result_geo[:title], record_path(result_geo[:identifier])) %>
     </h3>
 
     <div class="data-info">

app/views/search/_result_primo.html.erb

@@ -4,7 +4,6 @@
       <p class="eyebrow"><%= result[:eyebrow] %></p>
     <% end %>
     <h3 class="record-title">
-      <span class="sr">Title: </span>
       <% if result[:links]&.find { |link| link['kind'] == 'full record' } %>
         <%= link_to(result[:title], result[:links].find { |link| link['kind'] == 'full record' }['url']) %>
       <% else %>

app/views/tacos/analyze.html.erb

@@ -2,7 +2,7 @@
   <div id="hint" aria-live="polite">
     <aside class="mitlib-suggestion-panel">
       <div class="panel-content">
-        <p class="panel-type">Suggested resource</p>
+        <h2 class="panel-type">Suggested resource</h2>
         <h3><%= @suggestions['title'] %></h3>
         <p>
           <%= link_to(