From 462f246d6e62f887ac1106a37431c3070754af08 Mon Sep 17 00:00:00 2001
From: volubyl <volubyl@pm.me>
Date: Mon, 31 Oct 2022 09:26:51 +0100
Subject: [PATCH] =?UTF-8?q?add=20'declaration=20accessibilit=C3=A9=20page'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/constants.ts                       |  1 +
 .../src/lib/components/Footer/Footer.svelte   |  9 +-
 client/src/lib/paths.ts                       |  1 +
 .../declaration-daccessibilite/+page.svelte   | 89 +++++++++++++++++++
 .../(app)/declaration-daccessibilite/+page.ts | 11 +++
 client/src/tests/e2e/static.spec.ts           |  9 ++
 6 files changed, 118 insertions(+), 2 deletions(-)
 create mode 100644 client/src/routes/(app)/declaration-daccessibilite/+page.svelte
 create mode 100644 client/src/routes/(app)/declaration-daccessibilite/+page.ts

diff --git a/client/src/constants.ts b/client/src/constants.ts
index c65d6ee6..d2610deb 100644
--- a/client/src/constants.ts
+++ b/client/src/constants.ts
@@ -11,6 +11,7 @@ const STATIC_PAGES = [
   "/mentions-legales",
   "/vie-privee",
   "/login",
+  "/declaration-daccessibilite",
   "/auth/datapass/create-organization",
   "/auth/datapass/login",
   "/auth/datapass/pick-organization",
diff --git a/client/src/lib/components/Footer/Footer.svelte b/client/src/lib/components/Footer/Footer.svelte
index b0cb5d39..a5a9ac5f 100644
--- a/client/src/lib/components/Footer/Footer.svelte
+++ b/client/src/lib/components/Footer/Footer.svelte
@@ -45,8 +45,13 @@
     </div>
     <div class="fr-footer__bottom">
       <ul class="fr-footer__bottom-list">
-        <li class="fr-footer__bottom-item fr-footer__bottom-link">
-          Accessibilité: non conforme
+        <li class="fr-footer__bottom-item">
+          <a
+            href={paths.declarationAccessibilite}
+            class="fr-footer__bottom-link"
+          >
+            Accessibilité: non conforme
+          </a>
         </li>
         <li class="fr-footer__bottom-item">
           <a class="fr-footer__bottom-link" href={paths.mentionsLegales}>
diff --git a/client/src/lib/paths.ts b/client/src/lib/paths.ts
index 1d0a3169..d55d0778 100644
--- a/client/src/lib/paths.ts
+++ b/client/src/lib/paths.ts
@@ -3,6 +3,7 @@ import { path } from "./util/paths";
 export default {
   home: "/",
   mentionsLegales: "/mentions-legales",
+  declarationAccessibilite: "/declaration-daccessibilite",
   viePrivee: "/vie-privee",
   login: "/login",
   contribute: "/contribuer",
diff --git a/client/src/routes/(app)/declaration-daccessibilite/+page.svelte b/client/src/routes/(app)/declaration-daccessibilite/+page.svelte
new file mode 100644
index 00000000..fdb44601
--- /dev/null
+++ b/client/src/routes/(app)/declaration-daccessibilite/+page.svelte
@@ -0,0 +1,89 @@
+<div class="fr-container fr-mt-8w">
+  <div class="fr-grid-row">
+    <div class="fr-col">
+      <h1>Déclaration de conformité</h1>
+
+      <h2>État de conformité</h2>
+
+      <p>
+        Le site https://catalogue.data.gouv.fr/ est non conforme avec le
+        référentiel général d’amélioration de l’accessibilité pour les
+        administrations, RGAA version 4 car il n’existe aucun résultat d’audit
+        en cours de validité permettant de mesurer le respect des critères. Les
+        corrections des non-conformités sont en cours dans <a
+          href="https://github.com/etalab/catalogage-donnees/issues/517"
+          target="_blank"
+          rel="noopener"
+          >un projet de de mise en conformité du site web
+        </a>, et la présente déclaration d’accessibilité sera mise à jour au
+        plus vite.
+      </p>
+
+      <h2>Résultat des tests</h2>
+
+      <p>
+        En l’absence d’audit de conformité il n’y a pas de résultats de tests.
+      </p>
+
+      <h2>Contenus non accessibles</h2>
+
+      <p>
+        <strong>Non conformité</strong><br />
+        En l’absence d’audit tous les contenus seront considérés comme non accessibles
+        par hypothèse.<br /><strong
+          >Dérogations pour charge disproportionnée</strong
+        ><br />
+        En l’absence d’audit aucune dérogation n’a été établie.<br /><strong
+          >Contenus non soumis à l’obligation d’accessibilité</strong
+        ><br />
+        En l’absence d’audit aucun contenu n’a été identifié comme n’entrant pas
+        dans le champ de la législation applicable.<br /><strong
+          >Technologies utilisées pour la réalisation du site «
+          interieur.gouv.fr»</strong
+        ><br />
+        En l'absence d'audit aucune technologie n'a été utilisée.<br /><strong
+          >Agents utilisateurs, technologies d’assistance et outils utilisés
+          pour vérifier l’accessibilité</strong
+        ><br />
+        En l’absence d’audit aucun agent utilisateur et aucune technologie d’assistance
+        n’ont été utilisés.<br /><strong
+          >Les tests des pages web ont été effectués avec les combinaisons de
+          navigateurs web et lecteurs d’écran suivants :</strong
+        ><br />
+        En l’absence d’audit aucune combinaison de navigateur et de lecteur d’écran
+        n’a été utilisée.<br /><strong
+          >Les outils suivants ont été utilisés lors de l’évaluation :</strong
+        ><br />
+        En l’absence d’audit aucun outil n’a été utilisé lors de l’évaluation.<br
+        /><strong
+          >Pages du site ayant fait l’objet de la vérification de conformité</strong
+        ><br />
+        En l’absence d’audit aucune page n’a fait l’objet de la vérification de conformité.
+      </p>
+
+      <h2>Amélioration et contacts</h2>
+
+      <p>
+        Vous avez signalé au responsable du site internet un défaut
+        d’accessibilité qui vous empêche d’accéder à un contenu ou à un des
+        services du portail et vous n’avez pas obtenu de réponse satisfaisante.<br
+        />
+        Écrire un message au
+        <a
+          href="https://formulaire.defenseurdesdroits.fr/"
+          rel="noopener noreferrer"
+          target="_blank">Défenseur des droits</a
+        > <br />
+        Contacter le délégué du
+        <a
+          href="https://www.defenseurdesdroits.fr/saisir/delegues"
+          rel="noopener noreferrer"
+          target="_blank">Défenseur des droits dans votre région</a
+        > <br />
+        Envoyer un courrier par la poste (gratuit, ne pas mettre de timbre) Défenseur
+        des droits<br />
+        Libre réponse 71120 75342 Paris CEDEX 07
+      </p>
+    </div>
+  </div>
+</div>
diff --git a/client/src/routes/(app)/declaration-daccessibilite/+page.ts b/client/src/routes/(app)/declaration-daccessibilite/+page.ts
new file mode 100644
index 00000000..edcd74f8
--- /dev/null
+++ b/client/src/routes/(app)/declaration-daccessibilite/+page.ts
@@ -0,0 +1,11 @@
+import type { PageLoad } from "./$types";
+import { SITE_TITLE } from "src/constants";
+
+export const prerender = true;
+export const ssr = true;
+
+export const load: PageLoad = () => {
+  return {
+    title: `Déclaration accessibilité - ${SITE_TITLE}`,
+  };
+};
diff --git a/client/src/tests/e2e/static.spec.ts b/client/src/tests/e2e/static.spec.ts
index 3c6cc255..f62aea64 100644
--- a/client/src/tests/e2e/static.spec.ts
+++ b/client/src/tests/e2e/static.spec.ts
@@ -22,6 +22,15 @@ test.describe("Static pages", () => {
     ).toBeVisible();
   });
 
+  test("Visits the 'Declaration d'accessibilité' page", async ({ page }) => {
+    await page.goto("/");
+    await page.click("text=Accessibilité: non conforme");
+
+    await expect(page).toHaveTitle(
+      "Déclaration accessibilité  - catalogue.data.gouv.fr"
+    );
+  });
+
   test("Visits the '404' page", async ({ page }) => {
     await page.goto("/tata");
     await expect(