diff --git a/client/src/app/+admin/admin.component.html b/client/src/app/+admin/admin.component.html
index 9d1cd33af..64986685d 100644
--- a/client/src/app/+admin/admin.component.html
+++ b/client/src/app/+admin/admin.component.html
@@ -1,7 +1,9 @@
 <div class="root">
+  <a i18n class="visually-hidden-focusable skip-to-content-sub-menu" href="#admin-content" (click)="$event.preventDefault(); adminContent.focus()">Skip the sub menu</a>
+
   <my-top-menu-dropdown [menuEntries]="menuEntries"></my-top-menu-dropdown>
 
-  <div class="margin-content" [ngClass]="{ 'sub-menu-offset-content': !isBroadcastMessageDisplayed }">
+  <div #adminContent tabindex="-1" id="admin-content" class="margin-content outline-0" [ngClass]="{ 'sub-menu-offset-content': !isBroadcastMessageDisplayed }">
     <router-outlet></router-outlet>
   </div>
 </div>
diff --git a/client/src/app/+my-account/my-account.component.html b/client/src/app/+my-account/my-account.component.html
index 389ad9a65..2bf194916 100644
--- a/client/src/app/+my-account/my-account.component.html
+++ b/client/src/app/+my-account/my-account.component.html
@@ -1,7 +1,9 @@
 <div class="root">
+  <a i18n class="visually-hidden-focusable skip-to-content-sub-menu" href="#my-account-content" (click)="$event.preventDefault(); myAccountContent.focus()">Skip the sub menu</a>
+
   <my-top-menu-dropdown [menuEntries]="menuEntries"></my-top-menu-dropdown>
 
-  <div class="margin-content pb-5" [ngClass]="{ 'sub-menu-offset-content': !isBroadcastMessageDisplayed }">
+  <div #myAccountContent tabindex="-1" id="my-account-content" class="margin-content pb-5 outline-0" [ngClass]="{ 'sub-menu-offset-content': !isBroadcastMessageDisplayed }">
     <router-outlet></router-outlet>
   </div>
 </div>
diff --git a/client/src/app/+my-library/my-library.component.html b/client/src/app/+my-library/my-library.component.html
index 389ad9a65..a81079876 100644
--- a/client/src/app/+my-library/my-library.component.html
+++ b/client/src/app/+my-library/my-library.component.html
@@ -1,7 +1,9 @@
 <div class="root">
+  <a i18n class="visually-hidden-focusable skip-to-content-sub-menu" href="#my-library-content" (click)="$event.preventDefault(); myLibraryContent.focus()">Skip the sub menu</a>
+
   <my-top-menu-dropdown [menuEntries]="menuEntries"></my-top-menu-dropdown>
 
-  <div class="margin-content pb-5" [ngClass]="{ 'sub-menu-offset-content': !isBroadcastMessageDisplayed }">
+  <div #myLibraryContent tabindex="-1" id="my-library-content" class="margin-content pb-5 outline-0" [ngClass]="{ 'sub-menu-offset-content': !isBroadcastMessageDisplayed }">
     <router-outlet></router-outlet>
   </div>
 </div>
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 8ad43e2fe..1f9f81129 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -172,6 +172,15 @@ code {
     }
   }
 
+  .skip-to-content-sub-menu {
+    display: block;
+    z-index: z(modal);
+    padding: 1rem;
+    background: pvar(--mainBackgroundColor);
+    text-align: center;
+    text-decoration: underline;
+  }
+
   // Use an appropriate offset top when sub-menu fixed
   .sub-menu-offset-content {
     padding-top: $sub-menu-height + $sub-menu-margin-bottom;
diff --git a/client/src/sass/class-helpers/_common.scss b/client/src/sass/class-helpers/_common.scss
index 5d926e7f6..be0e77abb 100644
--- a/client/src/sass/class-helpers/_common.scss
+++ b/client/src/sass/class-helpers/_common.scss
@@ -101,3 +101,9 @@
 .chip {
   @include chip;
 }
+
+// ---------------------------------------------------------------------------
+
+.outline-0 {
+  outline: none;
+}