From cd11ebefb9a106f4441c3f028de740f5d1904101 Mon Sep 17 00:00:00 2001
From: Jacob Herrington <jacobherringtondeveloper@gmail.com>
Date: Fri, 24 Jul 2020 09:21:28 -0500
Subject: [PATCH] Fix accessibility issues flagged by axe (#9452)

---
 app/views/moderations/_mod_sidebar_left.html.erb |  4 ++--
 app/views/moderations/index.html.erb             | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/views/moderations/_mod_sidebar_left.html.erb b/app/views/moderations/_mod_sidebar_left.html.erb
index 40b56ec47..9d17a3db0 100644
--- a/app/views/moderations/_mod_sidebar_left.html.erb
+++ b/app/views/moderations/_mod_sidebar_left.html.erb
@@ -2,7 +2,7 @@
   <h1 class="fw-heavy fs-3xl mod-center-heading">
     Mod Center
   </h1>
-  <nav class="mod-center--nav">
+  <nav class="mod-center--nav" aria-label="Mod center inbox navigation">
     <h3 class="fw-bold fs-s mod-center--nav__title">
       Inbox
     </h3>
@@ -23,7 +23,7 @@
       </a>
     </div>
   </nav>
-  <nav class="mod-center--nav">
+  <nav class="mod-center--nav" aria-label="Mod center resources navigation">
     <h3 class="fw-bold fs-s mod-center--nav__title">
       Resources
     </h3>
diff --git a/app/views/moderations/index.html.erb b/app/views/moderations/index.html.erb
index d0114bb21..649296fed 100644
--- a/app/views/moderations/index.html.erb
+++ b/app/views/moderations/index.html.erb
@@ -2,22 +2,22 @@
 
 <%= javascript_packs_with_chunks_tag "modCenter", defer: true %>
 
-<div id="moderation-page"></div>
+<div id="moderation-page" aria-hidden="true"></div>
 
 <% if current_user&.trusted %>
   <div class="crayons-layout crayons-layout--2-cols" id="mod-center">
     <%= render "moderations/mod_sidebar_left" %>
     <div class="mod-index-container articles-list crayons-layout__content">
-      <header class="mod-index-header">
+      <div class="mod-index-header">
         <h2 class="tag-view fs-3xl fw-bold lh-base">
           <%= @tag ? "##{@tag.name}" : "All topics" %>
         </h2>
-      </header>
-      <header class="mod-index-list-header lh-tight">
+      </div>
+      <div class="mod-index-list-header lh-tight">
         <h2 class="fs-xs fw-medium">Post</h2>
         <h2 class="fs-xs fw-medium">Author</h2>
         <h2 class="fs-xs fw-medium">Date</h2>
-      </header>
+      </div>
       <main class="mod-index-list" id="mod-index-list" data-articles="<%= @articles %>">
       </main>
     </div>