diff --git a/site/assets/logo-boscop.svg b/site/assets/logo-boscop.svg
new file mode 100644
index 0000000..f2ac4fb
--- /dev/null
+++ b/site/assets/logo-boscop.svg
@@ -0,0 +1,5 @@
+<svg width="330.61" height="71.389" xmlns="http://www.w3.org/2000/svg">
+  <path d="M36.217 52.6V19.833c0-9.048 7.335-16.383 16.384-16.383s16.384 7.335 16.384 16.383c9.049 0 16.384 7.335 16.384 16.383S78.034 52.6 68.985 52.6z" fill="none" stroke="#132d2c" stroke-width="6.899"/>
+  <circle cx="19.833" cy="36.216" r="16.384" fill="none" stroke="#132d2c" stroke-linecap="square" stroke-width="6.899"/>
+  <path d="M147.43 37.569c0 2.8-.42 5.35-1.27 7.64s-2.02 4.25-3.51 5.87c-1.5 1.62-3.3 2.86-5.4 3.73-2.1.87-4.43 1.3-6.99 1.3-3.04 0-5.65-.59-7.82-1.76s-3.79-2.67-4.85-4.48l-.43 5.3h-6.88v-53.6h7.46v23.11c1.26-2.03 3.01-3.56 5.25-4.6 2.25-1.04 4.67-1.56 7.28-1.56s4.89.45 6.99 1.34 3.9 2.16 5.4 3.8 2.67 3.65 3.51 6.01c.84 2.37 1.27 5 1.27 7.9zm-7.75-.25c0-3.63-.98-6.51-2.93-8.65-1.96-2.13-4.55-3.2-7.79-3.2s-5.84 1.07-7.82 3.2-2.97 5.01-2.97 8.65.99 6.52 2.97 8.65c1.98 2.13 4.59 3.2 7.82 3.2s5.83-1.06 7.79-3.2c1.96-2.13 2.93-5.01 2.93-8.65zM167.28 18.589c2.75 0 5.25.47 7.5 1.41s4.17 2.25 5.76 3.91c1.59 1.67 2.84 3.65 3.73 5.94s1.34 4.79 1.34 7.5-.45 5.2-1.34 7.5c-.89 2.29-2.14 4.27-3.73 5.94s-3.51 2.96-5.76 3.88-4.75 1.38-7.5 1.38-5.25-.46-7.5-1.38-4.17-2.21-5.76-3.88-2.84-3.65-3.73-5.94-1.34-4.79-1.34-7.5.45-5.2 1.34-7.5c.89-2.29 2.14-4.27 3.73-5.94s3.51-2.97 5.76-3.91 4.75-1.41 7.5-1.41zm0 30.5c1.59 0 3.03-.29 4.31-.87s2.39-1.4 3.33-2.46 1.67-2.31 2.17-3.75.76-3.03.76-4.77-.25-3.31-.76-4.73-1.23-2.65-2.17-3.68-2.05-1.84-3.33-2.42-2.72-.87-4.31-.87-3.04.29-4.35.87c-1.3.58-2.42 1.38-3.33 2.42-.92 1.04-1.63 2.26-2.14 3.68s-.76 3-.76 4.73.25 3.32.76 4.77c.51 1.44 1.22 2.7 2.14 3.75.92 1.06 2.03 1.88 3.33 2.46s2.75.87 4.35.87zM201.18 49.879c1.83 0 3.34-.37 4.53-1.12 1.18-.75 1.78-1.92 1.78-3.51 0-2.17-1.4-3.57-4.2-4.2l-5.07-1.38c-6.62-1.83-9.92-5.24-9.92-10.21 0-1.59.3-3.05.91-4.38a9.87 9.87 0 0 1 2.58-3.44c1.11-.96 2.47-1.71 4.07-2.25 1.6-.53 3.39-.8 5.38-.8 3.53 0 6.51.79 8.93 2.35 2.42 1.57 3.88 3.8 4.36 6.7l-6.95 1.67c-.19-1.4-.86-2.5-1.99-3.3s-2.52-1.2-4.17-1.2-3.05.41-4.09 1.23-1.56 1.91-1.56 3.26c0 1.16.39 2.09 1.16 2.79s1.96 1.24 3.56 1.63l5.02 1.3c3.2.82 5.62 2.11 7.27 3.88 1.65 1.76 2.47 3.9 2.47 6.41 0 3.33-1.23 5.96-3.69 7.9-2.46 1.93-5.89 2.9-10.29 2.9-4.1 0-7.34-.89-9.71-2.68s-3.77-4.15-4.2-7.1l6.95-1.23c.19 1.45.88 2.61 2.06 3.48s2.79 1.3 4.82 1.3zM234.94 18.589c4.06 0 7.52.97 10.39 2.9s4.84 4.56 5.9 7.9l-6.66 2.68c-.68-2.03-1.88-3.62-3.62-4.78s-3.72-1.74-5.94-1.74c-3.19 0-5.72 1.07-7.61 3.2-1.88 2.13-2.83 5.01-2.83 8.65 0 3.64.94 6.5 2.83 8.61 1.88 2.11 4.42 3.16 7.61 3.16 2.22 0 4.2-.55 5.94-1.67 1.74-1.11 2.97-2.68 3.69-4.71l6.59 2.54c-1.21 3.37-3.3 6.01-6.27 7.93-2.97 1.91-6.34 2.87-10.1 2.87-2.71 0-5.17-.46-7.39-1.38-2.22-.92-4.12-2.2-5.69-3.84-1.57-1.64-2.79-3.61-3.66-5.9-.87-2.29-1.3-4.84-1.3-7.64s.43-5.42 1.3-7.71c.87-2.29 2.1-4.26 3.69-5.9 1.59-1.64 3.5-2.91 5.72-3.8 2.22-.89 4.68-1.34 7.39-1.34zM271.3 18.589c2.75 0 5.25.47 7.5 1.41s4.17 2.25 5.76 3.91c1.59 1.67 2.84 3.65 3.73 5.94s1.34 4.79 1.34 7.5-.45 5.2-1.34 7.5c-.89 2.29-2.14 4.27-3.73 5.94s-3.51 2.96-5.76 3.88-4.75 1.38-7.5 1.38-5.25-.46-7.5-1.38-4.17-2.21-5.76-3.88-2.84-3.65-3.73-5.94-1.34-4.79-1.34-7.5.45-5.2 1.34-7.5c.89-2.29 2.14-4.27 3.73-5.94s3.51-2.97 5.76-3.91 4.75-1.41 7.5-1.41zm0 30.5c1.59 0 3.03-.29 4.31-.87s2.39-1.4 3.33-2.46 1.67-2.31 2.17-3.75.76-3.03.76-4.77-.25-3.31-.76-4.73-1.23-2.65-2.17-3.68-2.05-1.84-3.33-2.42-2.72-.87-4.31-.87-3.04.29-4.35.87c-1.3.58-2.42 1.38-3.33 2.42-.92 1.04-1.63 2.26-2.14 3.68s-.76 3-.76 4.73.25 3.32.76 4.77c.51 1.44 1.22 2.7 2.14 3.75.92 1.06 2.03 1.88 3.33 2.46s2.75.87 4.35.87zM313.49 56.109c-2.76 0-5.24-.53-7.44-1.58s-3.89-2.49-5.05-4.3v21.16h-7.39v-51.79h6.81l.36 5c1.06-1.83 2.69-3.3 4.86-4.38 2.18-1.09 4.72-1.63 7.62-1.63 2.61 0 4.99.43 7.12 1.3s3.96 2.13 5.48 3.77 2.7 3.63 3.52 5.98c.82 2.34 1.23 4.96 1.23 7.86s-.42 5.49-1.27 7.79c-.85 2.29-2.03 4.24-3.56 5.83s-3.34 2.83-5.45 3.69c-2.11.87-4.39 1.3-6.86 1.3zm9.38-18.79c0-3.63-.98-6.5-2.93-8.61s-4.55-3.16-7.79-3.16-5.96 1.08-7.9 3.23c-1.93 2.16-2.9 5-2.9 8.54 0 3.54.99 6.52 2.97 8.65 1.98 2.13 4.59 3.2 7.82 3.2s5.83-1.06 7.79-3.2c1.96-2.13 2.93-5.01 2.93-8.65z" fill="#132d2c"/>
+</svg>
diff --git a/site/assets/style.css b/site/assets/style.css
index a7b6ecc..0bb0ce1 100644
--- a/site/assets/style.css
+++ b/site/assets/style.css
@@ -33,6 +33,14 @@ iframe {
 	height: 2lh;
 }
 
+.Form-error {
+	display: none;
+}
+
+label:has(.Form-error):has(+ :user-invalid) .Form-error {
+	display: block;
+}
+
 .MigrationForm-output {
 	margin-top: var(--spacing-block--l);
 }
@@ -52,11 +60,17 @@ iframe {
 	font-size: 0.875rem;
 }
 
+.ExamplePage .orejime-Purpose-input {
+	accent-color: var(--orejime-color-interactive);
+}
+
 .ExampleMain {
 	padding: var(--spacing-block--l) var(--spacing-inline--xl);
 }
 
 .ExampleReset {
+	--orejime-color-interactive: royalblue;
+	--orejime-color-on-interactive: white;
 	display: none;
 	position: fixed;
 	right: 1.4em;
diff --git a/site/index.html b/site/index.html
index f9a68d3..9466884 100644
--- a/site/index.html
+++ b/site/index.html
@@ -16,13 +16,22 @@
 	</head>
 
 	<body>
+		<ul class="SkipLinks Theme--secondary">
+			<li>
+				<a class="SkipLinks-link Button" href="#main">Skip to content</a>
+			</li>
+			<li>
+				<a class="SkipLinks-link Button" href="#footer">Skip to footer</a>
+			</li>
+		</ul>
+
 		<div class="Surface Theme--primary">
 			<div class="Container">
 				<div class="Header">
 					<header class="Header-banner" role="banner">
 						<img
 							class="Header-logo"
-							src="https://boscop.fr/wp-content/themes/boscop/dist/design-system/logo-horizontal-borderless.svg"
+							src="./assets/logo-boscop.svg"
 							alt="boscop"
 						/>
 					</header>
@@ -69,7 +78,12 @@ <h1>Orejime</h1>
 			</div>
 		</div>
 
-		<main class="Section Section--padding-xl" role="main">
+		<main
+			class="Section Section--padding-xl"
+			role="main"
+			id="main"
+			tabindex="-1"
+		>
 			<div class="Container">
 				<div class="RichText">
 					<h2 id="features">Features</h2>
@@ -297,40 +311,58 @@ <h2 id="support">Need a hand?</h2>
 					</p>
 
 					<div class="Notice Theme--info">
-						<strong>All fields are mandatory</strong>
 						<p>
+							<strong id="mandatory">All fields are mandatory.</strong>
+							<br />
 							Boscop only processes the collected data to respond to your
 							request. To learn more about how we manage your personal
 							data and to exercise your GDPR rights, you can consult our
-							<a href="/legal">data privacy policy</a>
-							.
+							<a href="/legal">data privacy policy</a>.
 						</p>
 					</div>
 
 					<form method="POST" name="support" data-netlify="true">
-						<label for="SupportForm-name">Your name</label>
+						<label for="SupportForm-name">
+							Your name
+							<span class="Form-error">Please fill out your name</span>
+						</label>
+
 						<input
 							id="SupportForm-name"
 							type="text"
 							name="name"
+							aria-describedby="mandatory"
+							autocomplete="name"
 							required
 						/>
 
 						<label for="SupportForm-email">
 							Your email address (i.e. company@example.org)
+							<span class="Form-error">
+								Please enter a valid email address, for example
+								muriel.tramis@email.com
+							</span>
 						</label>
+
 						<input
 							id="SupportForm-email"
 							type="email"
 							name="email"
+							aria-describedby="mandatory"
+							autocomplete="email"
 							required
 						/>
 
-						<label for="SupportForm-message">Your message</label>
+						<label for="SupportForm-message">
+							Your message
+							<span class="Form-error">Please write a message</span>
+						</label>
+
 						<textarea
 							id="SupportForm-message"
 							name="message"
 							rows="5"
+							aria-describedby="mandatory"
 							required
 						></textarea>
 
@@ -392,6 +424,8 @@ <h3>Migrating from V2 to V3</h3>
 		<footer
 			class="Footer Section Section--padding-l Surface Theme--tertiary"
 			role="contentinfo"
+			id="footer"
+			tabindex="-1"
 		>
 			<div class="Container">
 				<p lang="fr">
diff --git a/site/legal.html b/site/legal.html
index d76f558..de110cd 100644
--- a/site/legal.html
+++ b/site/legal.html
@@ -16,13 +16,22 @@
 	</head>
 
 	<body>
+		<ul class="SkipLinks Theme--secondary">
+			<li>
+				<a class="SkipLinks-link Button" href="#main">Skip to content</a>
+			</li>
+			<li>
+				<a class="SkipLinks-link Button" href="#footer">Skip to footer</a>
+			</li>
+		</ul>
+
 		<div class="Surface Theme--primary">
 			<div class="Container">
 				<div class="Header">
 					<header class="Header-banner" role="banner">
 						<img
 							class="Header-logo"
-							src="https://boscop.fr/wp-content/themes/boscop/dist/design-system/logo-horizontal-borderless.svg"
+							src="./assets/logo-boscop.svg"
 							alt="boscop"
 						/>
 					</header>
@@ -34,7 +43,7 @@ <h1>Legal information & privacy policy</h1>
 
 						<div class="Grid Grid--m">
 							<div>
-								<p>
+								<p lang="fr">
 									BOSCOP
 									<br />
 									11, rue des Noyers
@@ -101,7 +110,12 @@ <h1>Legal information & privacy policy</h1>
 			</div>
 		</div>
 
-		<main class="Section Section--padding-xl" role="main">
+		<main
+			class="Section Section--padding-xl"
+			role="main"
+			id="main"
+			tabindex="-1"
+		>
 			<div class="Container">
 				<div class="RichText">
 					<h2>Privacy policy</h2>
@@ -124,12 +138,13 @@ <h4>Action logging (logs)</h4>
 					<p>
 						First and foremost, like on any website, technical traces of
 						your visit are recorded when you load a page or resources
-						(commonly known as the TCP-IP protocol ☝️). Simply put, in
-						order to display an image in your browser, our host's servers
-						need to retrieve your IP address to send you the requested
-						resource. In doing so, what we call "logs" are recorded on our
-						host's servers, including the timestamp of the action and your
-						IP address.
+						(commonly known as the TCP-IP protocol
+						<span aria-hidden="true">☝️</span>). Simply put, in order to
+						display an image in your browser, our host's servers need to
+						retrieve your IP address to send you the requested resource.
+						In doing so, what we call "logs" are recorded on our host's
+						servers, including the timestamp of the action and your IP
+						address.
 					</p>
 
 					<p>
@@ -146,7 +161,10 @@ <h4>Action logging (logs)</h4>
 						practice.
 					</p>
 
-					<p>⌛ These logs are automatically deleted after one year.</p>
+					<p>
+						<span aria-hidden="true">⌛</span> These logs are
+						automatically deleted after one year.
+					</p>
 
 					<h4>Cookies</h4>
 
@@ -214,11 +232,11 @@ <h4>Contact Form</h4>
 					</p>
 
 					<p>
-						⌛ The duration for which we keep your data depends on the
-						nature of your request and any contractual relationship that
-						may follow. For example, 3 years after an inquiry about our
-						services, or, if we collaborate, for the duration of the
-						contract + 5 years.
+						<span aria-hidden="true">⌛</span> The duration for which we
+						keep your data depends on the nature of your request and any
+						contractual relationship that may follow. For example, 3 years
+						after an inquiry about our services, or, if we collaborate,
+						for the duration of the contract + 5 years.
 					</p>
 
 					<h3>Who will have access to my data?</h3>
@@ -240,7 +258,7 @@ <h3>How can I get more information or exercise my rights?</h3>
 					<p>
 						First, you can visit the CNIL website to learn more about your
 						rights under the French Data Protection Act and how to
-						exercise them. ⚖️
+						exercise them. <span aria-hidden="true">⚖️</span>
 					</p>
 
 					<p>
@@ -256,15 +274,15 @@ <h3>How can I get more information or exercise my rights?</h3>
 					</p>
 
 					<dl>
-						<dt>✉️ By mail</dt>
-						<dd>
+						<dt><span aria-hidden="true">✉️</span> By mail</dt>
+						<dd lang="fr">
 							DPO – Boscop
 							<br />
 							11, rue des Noyers
 							<br />
 							49000 ANGERS
 						</dd>
-						<dt>📧 By email</dt>
+						<dt><span aria-hidden="true">📧</span> By email</dt>
 						<dd>
 							<a href="mailto:privacy@boscop.fr">privacy@boscop.fr</a>
 						</dd>
@@ -281,6 +299,8 @@ <h3>How can I get more information or exercise my rights?</h3>
 		<footer
 			class="Footer Section Section--padding-l Surface Theme--tertiary"
 			role="contentinfo"
+			id="footer"
+			tabindex="-1"
 		>
 			<div class="Container">
 				<p lang="fr">