Merge pull request #534 from communitiesuk/bug/cldc-1184-a11y-logs-table

CLDC-1184: re-add tabindex to the logs table

app/frontend/styles/_figure.scss

@@ -1,10 +0,0 @@
-.app-figure {
-  margin: 0;
-}
-
-.app-figure__caption {
-  @include govuk-font($size: 19);
-  border-top: 1px solid $govuk-border-colour;
-  margin-bottom: govuk-spacing(6);
-  padding-top: govuk-spacing(4);
-}

app/frontend/styles/application.scss

@@ -18,7 +18,6 @@ $govuk-new-link-styles: true;
 @import "button";
 @import "card";
 @import "document-list";
-@import "figure";
 @import "filter";
 @import "filter-layout";
 @import "header";

app/views/case_logs/_log_list.html.erb

@@ -1,5 +1,6 @@
-<table class="govuk-table">
+<section class="app-table-group" tabindex="0" aria-labelledby="<%= title.dasherize %>">
-  <caption class="govuk-!-text-align-left govuk-!-margin-top-4 govuk-!-margin-bottom-4">
+  <table class="govuk-table">
+    <caption id="<%= title.dasherize %>" class="govuk-!-text-align-left govuk-!-margin-top-4 govuk-!-margin-bottom-4">
       <span class="govuk-!-margin-right-4">
         <strong><%= pagy.count %></strong> total <%= title.downcase %>
       </span>
@@ -54,4 +55,5 @@
       </tr>
       <% end %>
     </tbody>
-</table>
+  </table>
+</section>