MAJ des titres de la page de déclaration (#1280)

* update headings wording on statement page

* remove copy statement page url button

* update a11y statement and report page wordings

* add top link to statement page

* update changelog

Author: bellangerq

CHANGELOG.md

@@ -4,6 +4,12 @@
 
 <h2 class="fr-sr-only" id="2025">2025</h2>
 
+## 26/11/2025
+
+#### <span aria-hidden="true">🐛</span> Corrections
+
+- Corrige le libellé des titres de la page de déclaration d’accessibilité ([#1280](https://github.com/DISIC/Ara/pull/1280))
+
 ## 19/11/2025
 
 #### <span aria-hidden="true">🚀</span> Nouvelles fonctionnalités

confiture-web-app/src/pages/StatementPage.vue

@@ -5,6 +5,7 @@ import { useRoute } from "vue-router";
 import CopyIcon from "../components/icons/CopyIcon.vue";
 import PageMeta from "../components/PageMeta";
 import MarkdownRenderer from "../components/ui/MarkdownRenderer.vue";
+import TopLink from "../components/ui/TopLink.vue";
 import { useNotifications } from "../composables/useNotifications";
 import { useWrappedFetch } from "../composables/useWrappedFetch";
 import { REFERENTIAL } from "../enums";
@@ -21,20 +22,6 @@ useWrappedFetch(() => report.fetchReport(uniqueId));
 
 const notify = useNotifications();
 
-async function copyA11yStatementUrl() {
-  const url = `${window.location.origin}/declaration/${uniqueId}`;
-
-  navigator.clipboard.writeText(url).then(() => {
-    showCopyAlert.value = true;
-
-    notify(
-      "success",
-      undefined,
-      "Le lien vers la déclaration a bien été copié dans le presse-papier."
-    );
-  });
-}
-
 function getA11yLevel() {
   if (report.data!.accessibilityRate === 100) {
     return "totalement";
@@ -46,7 +33,6 @@ function getA11yLevel() {
 }
 
 const statementContainerRef = ref<HTMLDivElement>();
-const showCopyAlert = ref(false);
 
 async function copyA11yStatementHTML() {
   const tagsWithSpacesRegex = /<(?<tagName>\S+)(\s+)>/g; // "<XX  >"
@@ -111,18 +97,10 @@ const siteUrl = computed(() => {
 <template>
   <template v-if="report.data">
     <PageMeta
-      :title="`Déclaration d'accessibilité de ${report.data.procedureName}`"
+      :title="`Déclaration d’accessibilité à publier de ${report.data.procedureName}`"
     />
 
-    <div class="fr-mb-4w heading">
-      <h1 class="fr-m-0">Déclaration d’accessibilité</h1>
-      <button
-        class="fr-btn fr-btn--secondary fr-btn--icon-left fr-icon-links-fill"
-        @click="copyA11yStatementUrl"
-      >
-        Copier le lien de la déclaration
-      </button>
-    </div>
+    <h1 class="fr-mb-4w">Déclaration d’accessibilité à publier</h1>
 
     <div v-if="!statementIsPublished" class="fr-alert fr-alert--info">
       <p class="fr-alert__title">Déclaration d’accessibilité indisponible</p>
@@ -156,7 +134,7 @@ const siteUrl = computed(() => {
       </p>
 
       <p class="fr-mb-1v">
-        URL du site :
+        URL du site audité :
         <a v-if="siteUrl" class="fr-link" target="_blank" :href="siteUrl">
           {{ siteUrl }}
           <span class="fr-sr-only">(nouvelle fenêtre)</span>
@@ -165,13 +143,12 @@ const siteUrl = computed(() => {
       </p>
 
       <p class="fr-mb-9w">
-        Rapport d’audit :
         <RouterLink
           class="fr-link"
           target="_blank"
           :to="{ name: 'report', params: { uniqueId } }"
         >
-          accéder au rapport d’audit
+          Accéder au rapport d’audit
           <span class="fr-sr-only">(nouvelle fenêtre)</span>
         </RouterLink>
       </p>
@@ -193,7 +170,7 @@ const siteUrl = computed(() => {
           </li>
         </ol>
 
-        <h2>Document à intégrer sur le site audité</h2>
+        <h2>Contenu à intégrer sur le site audité</h2>
 
         <p>
           Cette déclaration d’accessibilité adopte un format obligatoire donné
@@ -388,24 +365,16 @@ const siteUrl = computed(() => {
             </li>
           </ul>
         </div>
+
+        <div class="top-link">
+          <TopLink top-margin="3rem" />
+        </div>
       </div>
     </template>
   </template>
 </template>
 
 <style scoped>
-.heading {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 1rem;
-}
-
-.info-container {
-  max-width: 49.5rem;
-}
-
 .content {
   max-width: 58rem;
 }
@@ -422,4 +391,8 @@ const siteUrl = computed(() => {
   display: inline-block;
   font-style: italic;
 }
+
+.top-link {
+  text-align: end;
+}
 </style>

confiture-web-app/src/pages/report/ReportPage.vue

@@ -254,7 +254,7 @@ watch(
       </p>
 
       <p class="fr-mb-1v">
-        URL du site :
+        URL du site audité :
         <a v-if="siteUrl" class="fr-link" target="_blank" :href="siteUrl">
           {{ siteUrl }}
           <span class="fr-sr-only">(nouvelle fenêtre)</span>
@@ -273,13 +273,12 @@ watch(
         <strong>{{ report.data.context.auditorName }}</strong>
       </p>
       <p v-if="report.data.procedureInitiator">
-        Déclaration d’accessibilité :
         <RouterLink
           :to="{ name: 'a11y-statement', params: { uniqueId } }"
           class="fr-link"
           target="_blank"
         >
-          accéder à la déclaration
+          Accéder à la déclaration d’accessibilité
           <span class="fr-sr-only">(nouvelle fenêtre)</span>
         </RouterLink>
       </p>