From c2bf05107ef09362de0191eed01f519acdc715fd Mon Sep 17 00:00:00 2001
From: David Mendy <davebull.dm@gmail.com>
Date: Mon, 3 Jun 2024 16:31:20 +0200
Subject: [PATCH] feat: :memo: update accessibility and contact pages

---
 frontend/src/components.d.ts             |   1 +
 frontend/src/views/AccessibilityPage.vue | 216 +++++++++++++++--------
 frontend/src/views/ContactPage.vue       |   8 +
 3 files changed, 152 insertions(+), 73 deletions(-)

diff --git a/frontend/src/components.d.ts b/frontend/src/components.d.ts
index 34b2c090..0df3e8e6 100644
--- a/frontend/src/components.d.ts
+++ b/frontend/src/components.d.ts
@@ -24,6 +24,7 @@ declare module 'vue' {
     DsfrRadioButton: typeof import('@gouvminint/vue-dsfr')['DsfrRadioButton']
     DsfrRadioButtonSet: typeof import('@gouvminint/vue-dsfr')['DsfrRadioButtonSet']
     DsfrSelect: typeof import('@gouvminint/vue-dsfr')['DsfrSelect']
+    DsfrTable: typeof import('@gouvminint/vue-dsfr')['DsfrTable']
     DsfrTag: typeof import('@gouvminint/vue-dsfr')['DsfrTag']
     FooterMES: typeof import('./components/FooterMES.vue')['default']
     HeaderMain: typeof import('./components/HeaderMain.vue')['default']
diff --git a/frontend/src/views/AccessibilityPage.vue b/frontend/src/views/AccessibilityPage.vue
index b517d3c8..b38eb92a 100644
--- a/frontend/src/views/AccessibilityPage.vue
+++ b/frontend/src/views/AccessibilityPage.vue
@@ -1,12 +1,41 @@
+<script lang="ts" setup>
+import { DsfrTable } from '@gouvminint/vue-dsfr'
+
+const headers = ref([
+  'Date',
+  'Action',
+])
+
+const rows = ref([
+  ['T1 2024', ''],
+  ['', 'Mise en place de la rubrique d\'accessibilité sur le site basegun'],
+  ['', 'Publication de la déclaration d\'accessibilité'],
+  ['', 'Publication du Schéma pluriannuel de mise en accessibilité'],
+  ['', 'Évaluation du niveau de conformité actuel du site et publication du score'],
+  ['T2 2024', ''],
+  ['', 'Auto audit de notre site avec les outils d\'analyse mis à disposition'],
+  ['', 'Analyse des résultats de l\'audit'],
+  ['T3 2024', ''],
+  ['', 'Évaluation des correctifs à mettre en place par critère non respecté'],
+  ['', 'Mise en place des correctifs'],
+  ['', 'Ré Evaluation du niveau de conformité du site'],
+])
+</script>
+
 <template>
   <div class="fr-container mt-4">
     <h1>Déclaration d’accessibilité</h1>
-    <p>Établie le <span>16 avril 2024</span>.</p>
     <p>
-      <strong>Ministère de l'Intérieur et des Outre-Mer</strong> s’engage à
-      rendre ses sites internet, intranet, extranet et ses progiciels
-      accessibles (et ses applications mobiles et mobilier urbain numérique)
-      conformément à l’article 47 de la loi n°2005-102 du 11 février 2005.
+      <strong>Le Ministère de l'Intérieur et des Outre-Mer</strong> s'engage à
+      rendre ses sites internet, intranet, extranet, ses progiciels, ses applications
+      mobiles et son mobilier urbain numérique accessibles conformément à l'article
+      47 de la loi n° 2005-102 du 11 février 2005.
+      À cette fin, il met en œuvre la stratégie et les actions suivantes : <br>
+      <strong>Schéma pluriannuel 2022-2024 de mise en accessibilité :
+        <a
+          target="_blank"
+          href="https://www.interieur.gouv.fr/sites/minint/files/medias/documents/2023-10/Schema%20pluriannuel%20Accessibilit%C3%A9-ministere-interieur-et-outre-mer-2022%202024-accessible.pdf"
+        />Lien</strong>
     </p>
 
     <p>
@@ -21,7 +50,7 @@
         <a
           target="_blank"
           href="https://basegun.interieur.gouv.fr/"
-        >https://basegun.interieur.gouv.fr/</a></strong>
+        /></strong>
       est <strong>partiellement</strong> conforme avec le référentiel général
       d’amélioration de l’accessibilité (RGAA), version 4 en raison des
       non-conformités et des dérogations énumérées ci-dessous.
@@ -32,62 +61,100 @@
     <p>
       L’audit de conformité réalisé par <strong>Basegun</strong> révèle que
       <strong>71%</strong> des critères du RGAA version 4 sont respectés.<br>
-      Lien vers le rapport d'audit : <a
-        href="https://ara.numerique.gouv.fr/rapports/LiVL4Hwa_64Cgdaq6Fgpt"
-        class="underline"
-      >https://ara.numerique.gouv.fr/rapports/LiVL4Hwa_64Cgdaq6Fgpt</a>
-    </p>
-
-    <h2>Établissement de cette déclaration d’accessibilité</h2>
-
-    <h3>Technologies utilisées pour la réalisation de l’audit</h3>
-
-    <ul>
-      <li>HTML</li>
-      <li>CSS</li>
-      <li>Javascript</li>
-    </ul>
-
-    <h3>Environnement de test</h3>
-
-    <p>
-      Les vérifications de restitution de contenus ont été réalisées sur la base
-      de la combinaison fournie par la base de référence du RGAA, avec les
-      versions suivantes :
+      <strong>Lien vers le rapport d'audit :
+        <a
+          target="_blank"
+          href="https://ara.numerique.gouv.fr/rapports/LiVL4Hwa_64Cgdaq6Fgpt"
+        />Lien</strong>
     </p>
 
-    <ul />
+    <h4>Contenus non accessibles</h4>
 
-    <h3>Outils pour évaluer l’accessibilité</h3>
+    <h4>Non conformités</h4>
 
     <ul>
-      <li>Validateur HTML du W3C</li>
-      <li>Web Developer Toolbar</li>
+      <li>Titre de page non pertinents</li>
+      <li>Déclarations CSS de couleurs de fond d’élément et de police mal utilisées</li>
+      <li>Prise de focus non visible sur l'ensemble des pages</li>
+      <li>Des pièges au clavier existent sur l'ensemble des pages</li>
+      <li>Absence de mécanisme permettant le contrôle par l'utilisateur des raccourcis clavier n'utilisant qu'une seule touche</li>
+      <li>Absence de plan du site (application web prévue pour un usage sur mobile)</li>
+      <li>Absence d'une fonctionnalité unique sur chaque page permettant d'accéder au plan du site</li>
+      <li>Absence de moteur de recherche (et donc absence de cette fonctionnalité sur l'ensemble des pages)</li>
+      <li>Chaque ensemble de page ne dispose que d'un système de navigation au lieu de deux</li>
+      <li>Les zones de regroupement de contenus présentes dans plusieurs pages web ne peuvent être atteinte ou évitées</li>
+      <li>Les contenus additionnels n'apparaissent pas au survol, ni à la prise de focus, ni à l'activation d'un composant d'interface au clavier</li>
+      <li>Absence de lien d'évitement ou d'accès rapide à la zone de contenu principal</li>
     </ul>
 
-    <h3>Pages du site ayant fait l’objet de la vérification de conformité</h3>
+    <h2>Pages du site ayant fait l’objet de la vérification de conformité</h2>
 
     <ul>
       <li>
-        Accueil <strong>https://basegun.interieur.gouv.fr/accueil</strong>
+        <strong>Accueil :
+          <a
+            target="_blank"
+            href="https://basegun.interieur.gouv.fr/accueil"
+          />Lien</strong>
       </li>
       <li>
-        Contact <strong>https://basegun.interieur.gouv.fr/contact</strong>
+        <strong>Contact :
+          <a
+            target="_blank"
+            href="https://basegun.interieur.gouv.fr/contact"
+          />Lien</strong>
       </li>
       <li>
-        Mentions légales
-        <strong>https://basegun.interieur.gouv.fr/contact</strong>
+        <strong>Mentions légales :
+          <a
+            target="_blank"
+            href="https://basegun.interieur.gouv.fr/mentions-legales"
+          />Lien</strong>
       </li>
       <li>
-        Accessibilité
-        <strong>https://basegun.interieur.gouv.fr/accessibilite</strong>
+        <strong>Accessibilité :
+          <a
+            target="_blank"
+            href="https://basegun.interieur.gouv.fr/accessibilite"
+          />Lien</strong>
       </li>
       <li>
-        A Propos <strong>https://basegun.interieur.gouv.fr/a-propos</strong>
+        <strong>À propos :
+          <a
+            target="_blank"
+            href="https://basegun.interieur.gouv.fr/a-propos"
+          />Lien</strong>
       </li>
     </ul>
 
-    <h2>Retour d’information et contact</h2>
+    <h2>Établissement de cette déclaration d’accessibilité</h2>
+    <p>Établie le <span>16 avril 2024</span>.</p>
+
+    <h3>Agents utilisateurs, technologies d'assistance et outils utilisés pour vérifier l'accessibilité :</h3>
+
+    <p>
+      Les vérifications de restitution de contenus ont été réalisées sur la base
+      de la combinaison fournie par la base de référence du RGAA, avec les
+      versions suivantes :
+    </p>
+
+    <ul>
+      <li>Technologie d'assistance : NVDA</li>
+      <li>Navigateur : Firefox</li>
+      <li>Système d'exploitation : Windows 10</li>
+    </ul>
+
+    <h2>
+      Technologies utilisées pour la réalisation de l’audit
+    </h2>
+
+    <ul>
+      <li>HTML</li>
+      <li>CSS</li>
+      <li>Javascript</li>
+    </ul>
+
+    <h2>Contacts</h2>
 
     <p>
       Si vous n’arrivez pas à accéder à un contenu ou à un service, vous pouvez
@@ -98,7 +165,7 @@
     <ul>
       <li>
         Contacter
-        <strong>Ministère de l'Intérieur et des Outre-Mer :
+        <strong>l'équipe du projet Basegun :
           basegun@interieur.gouv.fr</strong>
       </li>
     </ul>
@@ -106,46 +173,49 @@
     <h2>Voies de recours</h2>
 
     <p>
-      Si vous constatez un défaut d’accessibilité vous empêchant d’accéder à un
-      contenu ou une fonctionnalité du site, que vous nous le signalez et que
-      vous ne parvenez pas à obtenir une réponse de notre part, vous êtes en
-      droit de faire parvenir vos doléances ou une demande de saisine au
-      Défenseur des droits.
+      Cette procédure est à utiliser dans le cas suivant :
     </p>
 
-    <p>Plusieurs moyens sont à votre disposition :</p>
+    <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.
+    </p>
 
     <ul>
-      <li>Écrire un message au Défenseur des droits</li>
-      <li>Contacter le délégué du Défenseur des droits dans votre région</li>
+      <li>
+        Écrire un message au Défenseur des droits
+        (<strong>
+          <a
+            target="_blank"
+            href="https://formulaire.defenseurdesdroits.fr/"
+          >https://formulaire.defenseurdesdroits.fr/</a>
+        </strong>).
+      </li>
+      <li>
+        Contacter le délégué du Défenseur des droits dans votre région
+        (<strong>
+          <a
+            target="_blank"
+            href="https://www.defenseurdesdroits.fr/saisir/delegues"
+          >https://www.defenseurdesdroits.fr/saisir/delegues</a>
+        </strong>).
+      </li>
     </ul>
 
     <p>
-      Envoyer un courrier par la poste (gratuit, ne pas mettre de timbre)
-      Défenseur des droits Libre réponse 71120 75342 Paris CEDEX 07
+      Envoyer un courrier par la poste (gratuit, ne pas mettre de timbre) : <br>
+      Défenseur des droits <br>
+      Libre réponse 71120 <br>
+      75342 Paris CEDEX 07
     </p>
 
-    <h2>Schéma pluriannuel de mise en accessibilité</h2>
-    <p><a href="https://www.interieur.gouv.fr/sites/minint/files/medias/documents/2023-10/Schema%20pluriannuel%20Accessibilit%C3%A9-ministere-interieur-et-outre-mer-2022%202024-accessible.pdf">https://www.interieur.gouv.fr/sites/minint/files/medias/documents/2023-10/Schema%20pluriannuel%20Accessibilit%C3%A9-ministere-interieur-et-outre-mer-2022%202024-accessible.pdf</a></p>
+    <h2>Mise en conformité de l'application</h2>
 
-    <h2>Plan d'action de l'année en cours</h2>
-    <h3>T1 2024</h3>
-    <ul>
-      <li>Mise en place de la rubrique d'accessibilité sur le site basegun</li>
-      <li>Publication de la déclaration d'accessibilité</li>
-      <li>Publication du Schéma pluriannuel de mise en accessibilité</li>
-      <li>Évaluation du niveau de conformité actuel du site et publication du score</li>
-    </ul>
-    <h3>T2 2024</h3>
-    <ul>
-      <li>Auto audit de notre site avec les outils d'analyse mis à disposition</li>
-      <li>Analyse des résultats de l'audit</li>
-    </ul>
-    <h3>T3 2024</h3>
-    <ul>
-      <li>Evaluation des correctifs à mettre en place par critère non respecté</li>
-      <li>Mise en place des correctifs</li>
-      <li>Ré Evaluation du niveau de conformité du site</li>
-    </ul>
+    <DsfrTable
+      title="Plan d'action de l'année en cours"
+      :headers="headers"
+      :rows="rows"
+    />
   </div>
 </template>
diff --git a/frontend/src/views/ContactPage.vue b/frontend/src/views/ContactPage.vue
index 05e0c8a3..3cf486f3 100644
--- a/frontend/src/views/ContactPage.vue
+++ b/frontend/src/views/ContactPage.vue
@@ -17,5 +17,13 @@
         href="mailto:basegun@interieur.gouv.fr"
       >basegun@interieur.gouv.fr</a>.
     </p>
+    <p>
+      Pour toute question ou problème lié à l'accessibilité sur l'application,
+      veuillez contacter :
+      <a
+        class="underline"
+        href="mailto:basegun@interieur.gouv.fr"
+      >basegun@interieur.gouv.fr</a>.
+    </p>
   </div>
 </template>