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>