diff --git a/core/src/components/content/content.tsx b/core/src/components/content/content.tsx
index 4cd5254c26..8e5734fb5e 100644
--- a/core/src/components/content/content.tsx
+++ b/core/src/components/content/content.tsx
@@ -319,7 +319,7 @@ export class Content implements ComponentInterface {
           '--offset-bottom': `${this.cBottom}px`,
         }}
       >
-        <div
+        <main
           class={{
             'inner-scroll': true,
             'scroll-x': scrollX,
@@ -330,13 +330,15 @@ export class Content implements ComponentInterface {
           onScroll={ev => this.onScroll(ev)}
         >
           <slot></slot>
-        </div>
+        </main>
+
         {transitionShadow ? (
           <div class="transition-effect">
             <div class="transition-cover"></div>
             <div class="transition-shadow"></div>
           </div>
         ) : null}
+
         <slot name="fixed"></slot>
       </Host>
     );
diff --git a/core/src/components/footer/footer.tsx b/core/src/components/footer/footer.tsx
index a17cafb7a0..9fc60c5dd6 100644
--- a/core/src/components/footer/footer.tsx
+++ b/core/src/components/footer/footer.tsx
@@ -27,6 +27,7 @@ export class Footer implements ComponentInterface {
   hostData() {
     const mode = getIonMode(this);
     return {
+      role: 'contentinfo',
       class: {
         [mode]: true,
 
diff --git a/core/src/components/header/header.tsx b/core/src/components/header/header.tsx
index 159fc7c7d6..0a77566942 100644
--- a/core/src/components/header/header.tsx
+++ b/core/src/components/header/header.tsx
@@ -27,6 +27,7 @@ export class Header implements ComponentInterface {
   hostData() {
     const mode = getIonMode(this);
     return {
+      role: 'banner',
       class: {
         [mode]: true,