From c2af5d8f59fd9ba4782f8715fe1f3f169a00cf7f Mon Sep 17 00:00:00 2001
From: Jacob Herrington <jacobherringtondeveloper@gmail.com>
Date: Wed, 24 Jun 2020 06:28:03 -0500
Subject: [PATCH] Fix accessiblity warnings on Listings page (#8841)

This should fix ~60 axe warnings on this page. This commit also removes
some markup that is being overwritten by Preact.
---
 app/views/listings/index.html.erb | 31 ++++++++++---------------------
 1 file changed, 10 insertions(+), 21 deletions(-)

diff --git a/app/views/listings/index.html.erb b/app/views/listings/index.html.erb
index dfedbb633..f37dcef08 100644
--- a/app/views/listings/index.html.erb
+++ b/app/views/listings/index.html.erb
@@ -26,26 +26,15 @@
   <meta name="twitter:card" content="summary_large_image">
 <% end %>
 
-<div class="home">
-  <div class="listings-container" id="listings-index-container"
-    data-category="<%= params[:category] %>" data-listings="<%= @listings_json %>"
-    data-allcategories="<%= categories_for_display.to_json %>"
-    <% if @displayed_listing %>
-      data-displayedlisting="<%= @displayed_listing_json %> "
-    <% end %>>
-
-    <div class="listing-filters">
-    <div class="listing-filters-categories">
-      <a href="<%= listings_path %>" class="<%= "selected" if params[:category].blank? %> data-no-instant=" true ">all</a>
-      <% categories_for_display.each do |cat| %>
-        <a href="<%= listing_category_path(category: cat[:slug]) %> " class="<%= "selected" if params[:category] == cat[:slug] %> data-no-instant="true"><%= cat[:name] %></a>
-      <% end %>
-      <a href="<%= new_listing_path %>" class='listing-create-link'>Create a Listing</a>
-      <% if @displayed_listing %>
-        <div class="listing-listings-modal-background" role='presentation'></div>
-      <% end %>
-    </div>
-  </div>
-</div>
+<main class="home">
+  <h1 class="visually-hidden-header">Listings</h1>
+  <section class="listings-container" id="listings-index-container"
+           data-category="<%= params[:category] %>" data-listings="<%= @listings_json %>"
+           data-allcategories="<%= categories_for_display.to_json %>"
+           <% if @displayed_listing %>
+           data-displayedlisting="<%= @displayed_listing_json %> "
+           <% end %>>
+  </section>
+</main>
 
 <%= javascript_packs_with_chunks_tag "listings", defer: true %>