From b8ce85d58da72712c862fd75a66b00d4a7cce017 Mon Sep 17 00:00:00 2001
From: Jacob Herrington <jacobherringtondeveloper@gmail.com>
Date: Wed, 5 Aug 2020 14:49:54 -0500
Subject: [PATCH] Ensure all elements are contained by landmarks in mod center
 (#9608)

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

diff --git a/app/views/moderations/_mod_sidebar_left.html.erb b/app/views/moderations/_mod_sidebar_left.html.erb
index 9d17a3db0..dd8361006 100644
--- a/app/views/moderations/_mod_sidebar_left.html.erb
+++ b/app/views/moderations/_mod_sidebar_left.html.erb
@@ -1,4 +1,4 @@
-<div class="crayons-layout__sidebar-left">
+<aside class="crayons-layout__sidebar-left">
   <h1 class="fw-heavy fs-3xl mod-center-heading">
     Mod Center
   </h1>
@@ -50,4 +50,4 @@
       <span>Please share in your Connect Channel!</span>
     </div>
   <% end %>
-</div>
+</aside>
diff --git a/app/views/moderations/index.html.erb b/app/views/moderations/index.html.erb
index 649296fed..75dcf2b6a 100644
--- a/app/views/moderations/index.html.erb
+++ b/app/views/moderations/index.html.erb
@@ -7,7 +7,7 @@
 <% 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">
+    <main class="mod-index-container articles-list crayons-layout__content">
       <div class="mod-index-header">
         <h2 class="tag-view fs-3xl fw-bold lh-base">
           <%= @tag ? "##{@tag.name}" : "All topics" %>
@@ -18,11 +18,12 @@
         <h2 class="fs-xs fw-medium">Author</h2>
         <h2 class="fs-xs fw-medium">Date</h2>
       </div>
-      <main class="mod-index-list" id="mod-index-list" data-articles="<%= @articles %>">
-      </main>
+      <div class="mod-index-list" id="mod-index-list" data-articles="<%= @articles %>">
+      </div>
     </div>
-    <div data-testid="flag-user-modal-container" class="flag-user-modal-container hidden"></div>
-  </div>
+    <div data-testid="flag-user-modal-container" class="flag-user-modal-container hidden">
+    </div>
+  </main>
 <% else %>
   <div class="container" style="margin-top: 90px;">
     <h1 style="text-align: center"><%= community_name %> Mods</h1>