From 82a0035e8c8fc5a4eb9873b803d05bc215534c3d Mon Sep 17 00:00:00 2001
From: Cristien Natal <42753366+crisbnp@users.noreply.github.com>
Date: Wed, 13 Oct 2021 16:59:58 +0100
Subject: [PATCH] change div to aside tag and add aria-label to contain
 campaign banner html variant element (#15034)

---
 app/views/layouts/application.html.erb | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 2f54897fa..c467fedd9 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -91,7 +91,7 @@
   <div id="page-content-inner">
     <div id="page-route-change" class="screen-reader-only" aria-live="polite" aria-atomic="true"></div>
     <% if @hero_html %>
-      <div id="hero-html-wrapper" class="overflow-x-hidden" data-name="<%= @hero_area.name %>">
+      <aside id="hero-html-wrapper" aria-label="Campaign banner" class="overflow-x-hidden" data-name="<%= @hero_area.name %>">
         <script>
           // Make sure html variant element has id hero-html-wrapper and data-name as its name
           if (localStorage.getItem('exited_hero') === '<%= @hero_area.name.html_safe %>') {
@@ -99,7 +99,7 @@
           }
         </script>
         <%= @hero_html.html_safe %>
-      </div>
+      </aside>
     <% end %>
     <%= yield %>
     <div id="runtime-banner-container"></div>