diff --git a/frontend/src/app/app.component.html b/frontend/src/app/app.component.html
index 84e2bd71e..913df0d1e 100644
--- a/frontend/src/app/app.component.html
+++ b/frontend/src/app/app.component.html
@@ -1,4 +1,5 @@
 <div [class.accessibility-theme]="fontService.isLargeText()">
+    <button class="skip-to-main-content" (click)="skipToMain()" tabindex="1">{{'ALT-TEXT.SKIP-TO-MAIN-CONTENT' | translate}}</button>
     <div class="wrapper" *ngIf="!showOnlyRouterOutlet">
         <app-navbar (sidebarToggled)="sidenav.toggle(); toggleNavbar($event);"></app-navbar>
         <mat-sidenav-container fullscreen class="main-container">
@@ -6,7 +7,7 @@
                 <app-sidebar></app-sidebar>
             </mat-sidenav>
             <mat-sidenav-content class="sidenav-content">
-                <div id="main-page">
+                <div id="main-page" tabindex="0">
                     <router-outlet (activate)='onActivate($event)' (deactivate)='onDeactivate($event)'></router-outlet>
                 </div>
             </mat-sidenav-content>
diff --git a/frontend/src/app/app.component.scss b/frontend/src/app/app.component.scss
index 4be04347b..1b1237424 100644
--- a/frontend/src/app/app.component.scss
+++ b/frontend/src/app/app.component.scss
@@ -35,3 +35,15 @@
 ::ng-deep .mat-chip {
   height: auto !important;
 }
+
+.skip-to-main-content {
+    position: fixed;
+    left: 999px;
+    z-index: -1;
+   &:focus, &:active {
+    background-color: var(--primary-color);
+    z-index: 1001;
+    left: 0px;
+    color: var(--primary-text);
+   } 
+}
\ No newline at end of file
diff --git a/frontend/src/app/app.component.ts b/frontend/src/app/app.component.ts
index ea9839c6c..defa58dca 100644
--- a/frontend/src/app/app.component.ts
+++ b/frontend/src/app/app.component.ts
@@ -41,6 +41,7 @@ export class AppComponent implements OnInit, AfterViewInit {
 	cssConfigLoaded = false;
 
 	@ViewChild('sidenav') sidenav: MatSidenav;
+    @HostBinding('class.accessibility-theme') accessibilityTheme = computed(() => this.fontService.accessibleFontSignal())();
 
 	constructor(
 		private router: Router,
@@ -263,5 +264,9 @@ export class AppComponent implements OnInit, AfterViewInit {
 	toggleNavbar(event) {
 		document.getElementById('hamburger').classList.toggle("change");
 	}
+
+    skipToMain() {
+        document.getElementById('main-page')?.focus();
+    }
 }
 
diff --git a/frontend/src/assets/i18n/baq.json b/frontend/src/assets/i18n/baq.json
index aa903417f..9ea852331 100644
--- a/frontend/src/assets/i18n/baq.json
+++ b/frontend/src/assets/i18n/baq.json
@@ -2606,6 +2606,7 @@
         "CLOSE-RELEASE": "Close release notifications",
         "CLOSE-INTRO-CARD": "Close intro card", 
         "GUIDED-TOUR-IMG": "cartoon tour pointing to text with raised arm",
-        "PROGRESS-BAR": "Percentage of the form that is completed"
+        "PROGRESS-BAR": "Percentage of the form that is completed",
+        "SKIP-TO-MAIN-CONTENT": "Skip to main content"
     }
 }
diff --git a/frontend/src/assets/i18n/de.json b/frontend/src/assets/i18n/de.json
index 7b60dce09..c383effd6 100644
--- a/frontend/src/assets/i18n/de.json
+++ b/frontend/src/assets/i18n/de.json
@@ -2609,6 +2609,7 @@
         "CLOSE-RELEASE": "Close release notifications",
         "CLOSE-INTRO-CARD": "Close intro card", 
         "GUIDED-TOUR-IMG": "cartoon tour pointing to text with raised arm",
-        "PROGRESS-BAR": "Percentage of the form that is completed"
+        "PROGRESS-BAR": "Percentage of the form that is completed",
+        "SKIP-TO-MAIN-CONTENT": "Skip to main content"
     }
 }
diff --git a/frontend/src/assets/i18n/en.json b/frontend/src/assets/i18n/en.json
index e3578c868..a0bc190e3 100644
--- a/frontend/src/assets/i18n/en.json
+++ b/frontend/src/assets/i18n/en.json
@@ -2610,6 +2610,7 @@
         "CLOSE-RELEASE": "Close release notifications",
         "CLOSE-INTRO-CARD": "Close intro card",
         "GUIDED-TOUR-IMG": "cartoon tour pointing to text with raised arm",
-        "PROGRESS-BAR": "Percentage of the form that is completed"
+        "PROGRESS-BAR": "Percentage of the form that is completed",
+        "SKIP-TO-MAIN-CONTENT": "Skip to main content"
     }
 }
diff --git a/frontend/src/assets/i18n/es.json b/frontend/src/assets/i18n/es.json
index 6bd8a2241..6a9823cf4 100644
--- a/frontend/src/assets/i18n/es.json
+++ b/frontend/src/assets/i18n/es.json
@@ -2609,6 +2609,7 @@
         "CLOSE-RELEASE": "Close release notifications",
         "CLOSE-INTRO-CARD": "Close intro card", 
         "GUIDED-TOUR-IMG": "cartoon tour pointing to text with raised arm",
-        "PROGRESS-BAR": "Percentage of the form that is completed"
+        "PROGRESS-BAR": "Percentage of the form that is completed",
+        "SKIP-TO-MAIN-CONTENT": "Skip to main content"
     }
 }
diff --git a/frontend/src/assets/i18n/gr.json b/frontend/src/assets/i18n/gr.json
index 6d7f4efdb..fdcc87f4e 100644
--- a/frontend/src/assets/i18n/gr.json
+++ b/frontend/src/assets/i18n/gr.json
@@ -2609,6 +2609,7 @@
         "CLOSE-RELEASE": "Close release notifications",
         "CLOSE-INTRO-CARD": "Close intro card", 
         "GUIDED-TOUR-IMG": "cartoon tour pointing to text with raised arm",
-        "PROGRESS-BAR": "Percentage of the form that is completed"
+        "PROGRESS-BAR": "Percentage of the form that is completed",
+        "SKIP-TO-MAIN-CONTENT": "Skip to main content"
     }
 }
diff --git a/frontend/src/assets/i18n/hr.json b/frontend/src/assets/i18n/hr.json
index 2d5f9fef4..d92cda4e9 100644
--- a/frontend/src/assets/i18n/hr.json
+++ b/frontend/src/assets/i18n/hr.json
@@ -2608,6 +2608,7 @@
         "CLOSE-RELEASE": "Close release notifications",
         "CLOSE-INTRO-CARD": "Close intro card", 
         "GUIDED-TOUR-IMG": "cartoon tour pointing to text with raised arm",
-        "PROGRESS-BAR": "Percentage of the form that is completed"
+        "PROGRESS-BAR": "Percentage of the form that is completed",
+        "SKIP-TO-MAIN-CONTENT": "Skip to main content"
     }
 }
diff --git a/frontend/src/assets/i18n/pl.json b/frontend/src/assets/i18n/pl.json
index 98a8ab8b4..c221f1e22 100644
--- a/frontend/src/assets/i18n/pl.json
+++ b/frontend/src/assets/i18n/pl.json
@@ -2609,6 +2609,7 @@
         "CLOSE-RELEASE": "Close release notifications",
         "CLOSE-INTRO-CARD": "Close intro card", 
         "GUIDED-TOUR-IMG": "cartoon tour pointing to text with raised arm",
-        "PROGRESS-BAR": "Percentage of the form that is completed"
+        "PROGRESS-BAR": "Percentage of the form that is completed",
+        "SKIP-TO-MAIN-CONTENT": "Skip to main content"
     }
 }
diff --git a/frontend/src/assets/i18n/pt.json b/frontend/src/assets/i18n/pt.json
index 5fc8da232..4a22b4335 100644
--- a/frontend/src/assets/i18n/pt.json
+++ b/frontend/src/assets/i18n/pt.json
@@ -2608,6 +2608,7 @@
         "CLOSE-RELEASE": "Close release notifications",
         "CLOSE-INTRO-CARD": "Close intro card", 
         "GUIDED-TOUR-IMG": "cartoon tour pointing to text with raised arm",
-        "PROGRESS-BAR": "Percentage of the form that is completed"
+        "PROGRESS-BAR": "Percentage of the form that is completed",
+        "SKIP-TO-MAIN-CONTENT": "Skip to main content"
     }
 }
diff --git a/frontend/src/assets/i18n/sk.json b/frontend/src/assets/i18n/sk.json
index b952f1d53..df9d0b494 100644
--- a/frontend/src/assets/i18n/sk.json
+++ b/frontend/src/assets/i18n/sk.json
@@ -2609,6 +2609,7 @@
         "CLOSE-RELEASE": "Close release notifications",
         "CLOSE-INTRO-CARD": "Close intro card", 
         "GUIDED-TOUR-IMG": "cartoon tour pointing to text with raised arm",
-        "PROGRESS-BAR": "Percentage of the form that is completed"
+        "PROGRESS-BAR": "Percentage of the form that is completed",
+        "SKIP-TO-MAIN-CONTENT": "Skip to main content"
     }
 }
diff --git a/frontend/src/assets/i18n/sr.json b/frontend/src/assets/i18n/sr.json
index ba6dcd358..56234507f 100644
--- a/frontend/src/assets/i18n/sr.json
+++ b/frontend/src/assets/i18n/sr.json
@@ -2609,6 +2609,7 @@
         "CLOSE-RELEASE": "Close release notifications",
         "CLOSE-INTRO-CARD": "Close intro card", 
         "GUIDED-TOUR-IMG": "cartoon tour pointing to text with raised arm",
-        "PROGRESS-BAR": "Percentage of the form that is completed"
+        "PROGRESS-BAR": "Percentage of the form that is completed",
+        "SKIP-TO-MAIN-CONTENT": "Skip to main content"
     }
 }
diff --git a/frontend/src/assets/i18n/tr.json b/frontend/src/assets/i18n/tr.json
index 233749f9a..2dccc3305 100644
--- a/frontend/src/assets/i18n/tr.json
+++ b/frontend/src/assets/i18n/tr.json
@@ -2609,6 +2609,7 @@
         "CLOSE-RELEASE": "Close release notifications",
         "CLOSE-INTRO-CARD": "Close intro card", 
         "GUIDED-TOUR-IMG": "cartoon tour pointing to text with raised arm",
-        "PROGRESS-BAR": "Percentage of the form that is completed"
+        "PROGRESS-BAR": "Percentage of the form that is completed",
+        "SKIP-TO-MAIN-CONTENT": "Skip to main content"
     }
 }