diff --git a/src/components/Banner/index.astro b/src/components/Banner/index.astro
index 29a0667dae..1773602a5a 100644
--- a/src/components/Banner/index.astro
+++ b/src/components/Banner/index.astro
@@ -5,12 +5,12 @@ const { Content } = await entry.render();
 const { link, title } = entry.data;
 ---
 
-<div class="banner bg-accent-color text-accent-type-color" style={{ display: 'none' }} data-title={title}>
+<footer class="banner bg-accent-color text-accent-type-color" style={{ display: 'none' }} data-title={title} aria-label="sticky">
   <a class="banner-content" href={link} target="_blank">
     <Content />
   </a>
   <button id="hideBanner" aria-label="Hide banner"><Icon kind="close" /></button>
-</div>
+</footer>
 
 <script is:inline>
 const banner = document.querySelector('.banner');