diff --git a/src/client/src/Pages/WrapperLayout.tsx b/src/client/src/Pages/WrapperLayout.tsx
index d37bb41..9125587 100644
--- a/src/client/src/Pages/WrapperLayout.tsx
+++ b/src/client/src/Pages/WrapperLayout.tsx
@@ -1,12 +1,14 @@
 import Footer from "../components/Footer/Footer";
 import Header from "../components/Header/Header";
+import SkipLinks from "../components/SkipLinks/SkipLinks";
 import "./layout.css";
 
 function WrapperLayout(props: { children: JSX.Element }) {
   return (
     <div className="app">
+      <SkipLinks />
       <Header />
-      <main role="main" className="content">
+      <main role="main" className="content" id="content">
         {props.children}
       </main>
       <Footer />
diff --git a/src/client/src/components/Footer/Footer.tsx b/src/client/src/components/Footer/Footer.tsx
index 5fb574a..772a210 100644
--- a/src/client/src/components/Footer/Footer.tsx
+++ b/src/client/src/components/Footer/Footer.tsx
@@ -3,6 +3,7 @@ import { Footer as DsfrFooter } from "@codegouvfr/react-dsfr/Footer";
 function Footer() {
   return (
     <DsfrFooter
+      id="footer"
       accessibility="non compliant"
       termsLinkProps={{
         to: "/mentions-legales",
diff --git a/src/client/src/components/Header/Header.tsx b/src/client/src/components/Header/Header.tsx
index 408ed76..23c38bd 100644
--- a/src/client/src/components/Header/Header.tsx
+++ b/src/client/src/components/Header/Header.tsx
@@ -22,7 +22,7 @@ function Header() {
       text: "Feuille de route",
     },
     ...(isConnected
-      ? [<DropDownLogout />]
+      ? [<DropDownLogout key="dropDownLogout" />]
       : [
           {
             iconId: "fr-icon-account-circle-line" as const,
diff --git a/src/client/src/components/SkipLinks/SkipLinks.tsx b/src/client/src/components/SkipLinks/SkipLinks.tsx
new file mode 100644
index 0000000..2ea700d
--- /dev/null
+++ b/src/client/src/components/SkipLinks/SkipLinks.tsx
@@ -0,0 +1,25 @@
+import { SkipLinks as DsfrSkipLinks } from "@codegouvfr/react-dsfr/SkipLinks";
+
+function SkipLinks() {
+  return (
+    <DsfrSkipLinks
+      links={[
+        {
+          anchor: "#content",
+          label: "Contenu",
+        },
+        {
+          anchor:
+            "#header-menu-modal-fr-header-header-with-quick-access-items-nav-items",
+          label: "Menu",
+        },
+        {
+          anchor: "#footer",
+          label: "Pied de page",
+        },
+      ]}
+    />
+  );
+}
+
+export default SkipLinks;