fix: add title to all links for accessibility (#411)

src/features/accessibilite/pages/accessibilite/accessibilite.page.html

@@ -50,13 +50,18 @@ <h2 class="h3 mt-5 mb-3 text-primary">Voie de recours</h2>
           <a
             href="https://formulaire.defenseurdesdroits.fr/code/afficher.php?ETAPE=accueil_2016"
             target="_blank"
+            title="Écrire un message au défenseur des droits (nouvel onglet)"
             rel="noopener noreferrer">
             Défenseur des droits
           </a>
         </li>
         <li>
           Contacter
-          <a href="https://www.defenseurdesdroits.fr/saisir/delegues" target="_blank" rel="noopener noreferrer">
+          <a
+            href="https://www.defenseurdesdroits.fr/saisir/delegues"
+            target="_blank"
+            title="Contacter le délégué du Défenseur des droits dans votre région (nouvel onglet)"
+            rel="noopener noreferrer">
             le délégué du Défenseur des droits dans votre région
           </a>
         </li>
@@ -70,7 +75,11 @@ <h2 class="h3 mt-5 mb-3 text-primary">Voie de recours</h2>
         Cette déclaration d'accessibilité a été créé le
         <strong>21 novembre 2022</strong>
         grâce au
-        <a href="https://betagouv.github.io/a11y-generateur-declaration/#create" target="_blank" rel="noopener noreferrer">
+        <a
+          href="https://betagouv.github.io/a11y-generateur-declaration/#create"
+          target="_blank"
+          title="Générateur de Déclaration d'Accessibilité (nouvel onglet)"
+          rel="noopener noreferrer">
           Générateur de Déclaration d'Accessibilité de BetaGouv
         </a>
         .

src/features/cartographie/components/lieux-mediation-numerique-details/accessibilite/accessibilite.component.html

@@ -4,6 +4,7 @@
       href="https://acceslibre.beta.gouv.fr/contrib/start/"
       class="btn btn-sm btn-secondary m-auto d-block"
       target="_blank"
+      title="Renseigner l'accessibilité (nouvel onglet)"
       rel="noopener noreferrer">
       <span role="img" class="ri-edit-line me-1 text-right" aria-hidden="true"></span>
       <span>Renseigner l'accessibilité</span>

src/features/cartographie/components/lieux-mediation-numerique-details/boutons-action/boutons-action.component.html

@@ -5,6 +5,7 @@
       [class.disabled]="!priseRdv"
       [attr.href]="priseRdv ?? null"
       target="_blank"
+      title="RDV en ligne (nouvel onglet)"
       rel="noopener noreferrer">
       <span class="ri-circled text-light fw-normal" [ngClass]="priseRdv ? 'bg-primary' : 'bg-muted-dark'">
         <span role="img" class="ri-calendar-check-line" aria-hidden="true"></span>
@@ -18,6 +19,7 @@
       [class.disabled]="!siteWeb?.[0]"
       [attr.href]="siteWeb?.[0] ?? null"
       target="_blank"
+      title="Voir le site (nouvel onglet)"
       rel="noopener noreferrer">
       <span class="ri-circled text-light fw-normal" [ngClass]="siteWeb?.[0] ? 'bg-primary' : 'bg-muted-dark'">
         <span role="img" class="ri-external-link-line" aria-hidden="true"></span>

src/features/cartographie/components/lieux-mediation-numerique-details/erreur-form-modal/erreur-form-modal.component.html

@@ -48,6 +48,7 @@
     class="btn btn-secondary me-3"
     href="https://airtable.com/app2MF0d9XxkCwv0p/shrX7zSTk8pOtoKik?mtm_campaign=fromwebsitecarto"
     target="_blank"
+    title="Webinaires : Mettre à jour vos données (nouvel onglet)"
     rel="noopener noreferrer">
     <span class="orientation-btn-label my-auto text-start lh-sm">
       <span role="img" class="ri-calendar-todo-line" aria-hidden="true"></span>

src/features/cartographie/components/lieux-mediation-numerique-details/informations-pratiques/informations-pratiques.component.html

@@ -34,7 +34,12 @@
     </a>
   </div>
   <div class="mt-2">
-    <a class="text-decoration-none" *ngIf="accessibilite" href="{{ accessibilite }}" target="_blank">
+    <a
+      class="text-decoration-none"
+      *ngIf="accessibilite"
+      href="{{ accessibilite }}"
+      title="Consulter les informations d'accessibilité (nouvel onglet)"
+      target="_blank">
       <span role="img" class="ri-wheelchair-line ri-xl text-primary" aria-hidden="true"></span>
       <span class="fw-bold">Consulter les informations d'accessibilité</span>
     </a>

src/features/cartographie/components/location-breadcrumb/location-breadcrumb.component.html

@@ -7,6 +7,7 @@
             *ngIf="breadcrumbItem.link[0].startsWith('http'); else routerLink"
             [href]="breadcrumbItem.link[0]"
             target="_blank"
+            title="{{ breadcrumbItem.label }} (nouvel onglet)"
             rel="noopener noreferrer"
             class="text-body opacity-75">
             {{ breadcrumbItem.label }}

src/features/cartographie/components/modals/hub-modal/hub-modal.component.html

@@ -30,6 +30,7 @@ <h3 class="h4 fw-bold">
       class="text-decoration-none"
       href="https://societenumerique.gouv.fr/fr/dispositif/hubs-numerique/"
       target="_blank"
+      title="Hub territorial (nouvel onglet)"
       rel="noopener noreferrer">
       <span role="img" class="ri ri-external-link-line my-auto me-2 opacity-75 text-muted" aria-hidden="true"></span>
     </a>
@@ -39,6 +40,7 @@ <h3 class="h4 fw-bold">
     *ngIf="hub?.url as href"
     [href]="href"
     target="_blank"
+    title="Accéder au site (nouvel onglet)"
     rel="noopener noreferrer"
     class="btn btn-primary"
     (click)="modal.close()">

src/features/cartographie/components/modals/label-modal-content/label-modal.component.html

@@ -29,6 +29,7 @@ <h3 class="h4 fw-bold text-primary">{{ label.nom }}</h3>
     *ngIf="label?.url as href"
     [href]="href"
     target="_blank"
+    title="Accéder au site (nouvel onglet)"
     rel="noopener noreferrer"
     class="btn btn-primary"
     (click)="modal.close()">

src/features/cartographie/layouts/cartographie/cartographie.layout.html

@@ -135,13 +135,15 @@ <h3 class="card-title text-primary">
           <a
             href="https://labase.anct.gouv.fr/ressource/995"
             target="_blank"
+            title="FAQ (nouvel onglet)"
             rel="noopener noreferrer"
             class="list-group-item list-group-item-action fw-bold py-4">
             FAQ
           </a>
           <a
             href="https://labase.anct.gouv.fr/ressource/974"
             target="_blank"
+            title="Comment orienter ? (nouvel onglet)"
             rel="noopener noreferrer"
             class="list-group-item list-group-item-action fw-bold py-4">
             Comment orienter ?
@@ -153,6 +155,7 @@ <h3 class="card-title text-primary">
             [routerLink]="['/presentation']"
             fragment="webinaire"
             target="_blank"
+            title="Webinaires (nouvel onglet)"
             rel="noopener noreferrer">
             <span class="ri-circled bg-primary text-light fw-normal me-3" aria-hidden="true">
               <span role="img" class="ri-calendar-todo-line" aria-hidden="true"></span>
@@ -170,6 +173,7 @@ <h3 class="card-title text-primary">
             class="btn orientation-btn bg-white mb-3 p-3 rounded-0 d-flex d-flex align-items-center"
             href="https://labase.anct.gouv.fr/base/356?tags=&page=0&tab=resources"
             target="_blank"
+            title="La Cartographie nationale sur la Base (nouvel onglet)"
             rel="noopener noreferrer">
             <span class="ri-circled bg-primary text-light fw-normal me-3" aria-hidden="true">
               <span role="img" class="ri-link"></span>

src/features/donnees-personnelles/pages/donnees-personnelles/donnees-personnelles.page.html

@@ -59,12 +59,17 @@ <h3 class="h4 mt-4 mb-3 text-primary">b) Données d'hébergeur</h3>
           <a
             href="https://www.legifrance.gouv.fr/loda/id/JORFTEXT000000801164/2020-10-26/"
             target="_blank"
+            title="La loi LCEN n°2004-575 (nouvel onglet)"
             rel="noopener noreferrer">
             la loi LCEN n°2004-575 du 21 juin 2004 pour la confiance dans l’économie numérique ;
           </a>
         </li>
         <li>
-          <a href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000044228912" target="_blank" rel="noopener noreferrer">
+          <a
+            href="https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000044228912"
+            target="_blank"
+            title="les articles 1 et 3 (nouvel onglet)"
+            rel="noopener noreferrer">
             les articles 1 et 3 du décret n°2021-1362 du 20 octobre 2021.
           </a>
         </li>
@@ -122,6 +127,7 @@ <h2 class="h3 mt-5 mb-3 text-primary">Utilisation de témoins de connexion (« c
           <a
             href="https://www.cnil.fr/fr/cookies-et-autres-traceurs/regles/cookies/que-dit-la-loi"
             target="_blank"
+            title="Cookies & traceurs : que dit la loi ? (nouvel onglet)"
             rel="noopener noreferrer">
             Cookies & traceurs : que dit la loi ?
           </a>
@@ -130,6 +136,7 @@ <h2 class="h3 mt-5 mb-3 text-primary">Utilisation de témoins de connexion (« c
           <a
             href="https://www.cnil.fr/fr/cookies-et-autres-traceurs/comment-se-proteger/maitriser-votre-navigateur"
             target="_blank"
+            title="Cookies : les outils pour les maîtriser (nouvel onglet)"
             rel="noopener noreferrer">
             Cookies : les outils pour les maîtriser
           </a>

src/features/gestion-des-cookies/pages/gestion-des-cookies/gestion-des-cookies.page.html

@@ -27,7 +27,7 @@ <h2 class="h3 mt-5 mb-4 text-primary">Mesure d’audience</h2>
       </ul>
       <p>
         La mesure d’audience (nombre de visites, pages consultées) est réalisée via un outil libre intitulé
-        <a href="https://matomo.org/" target="_blank" rel="noopener noreferrer">Matomo</a>
+        <a href="https://matomo.org/" target="_blank" title="Matomo (nouvel onglet)" rel="noopener noreferrer">Matomo</a>
         spécifiquement paramétré, respectant les conditions d’exemption du consentement de l’internaute définies par la
         recommandation « Cookies » de la Commission nationale informatique et libertés (CNIL). Cela signifie que votre adresse
         IP, par exemple, est anonymisée avant d’être enregistrée. Il est donc impossible d’associer les visites sur ce site à
@@ -38,6 +38,7 @@ <h2 class="h3 mt-5 mb-4 text-primary">Mesure d’audience</h2>
         <a
           href="https://stats.data.gouv.fr/index.php?module=MultiSites&action=index&date=yesterday&period=day&idSite=157&updated=1"
           target="_blank"
+          title="Stats en accès libre sur data gouv (nouvel onglet)"
           rel="noopener noreferrer">
           ici
         </a>

src/features/orientation/components/information-orientation-modal/information-orientation-modal.component.html

@@ -17,6 +17,7 @@ <h3 class="text-primary fw-bold mb-4">{{ orientationInformation.titre }}</h3>
       [routerLink]="['/presentation']"
       fragment="webinaire"
       target="_blank"
+      title="Inscrivez-vous à nos webinaires (nouvel onglet)"
       rel="noopener noreferrer">
       <span class="orientation-btn-label my-auto text-start lh-sm">
         <span role="img" class="ri-calendar-todo-line" aria-hidden="true"></span>

src/features/orientation/pages/accessibilite/accessibilite-information-modal-texts.ts

@@ -23,7 +23,7 @@ export const ACCESSIBILITE_INFORMATION_MODAL_TEXTS: Record<
   },
   'accueil-specifique': {
     titre: 'Accueil adapté',
-    description: `Si vous sélectionnez certaines de ces options, vous restreindrez votre recherche aux lieux en capacité d'accueillir certains types de publics. Pour toute information concernant les déplacements des personnes en situation de handicap, rendez-vous sur <a href="https://acceslibre.beta.gouv.fr/" target="_blank" rel="noopener noreferrer">Accès libre</a>`,
+    description: `Si vous sélectionnez certaines de ces options, vous restreindrez votre recherche aux lieux en capacité d'accueillir certains types de publics. Pour toute information concernant les déplacements des personnes en situation de handicap, rendez-vous sur <a href="https://acceslibre.beta.gouv.fr/" target="_blank" title="Accès libre (nouvel onglet)" rel="noopener noreferrer">Accès libre</a>`,
     elements: [
       'Handicap psychique : trouble psychiatrique donnant lieu à des atteintes comportementales',
       'Handicap mental : déficience limitant les activités d’une personne'

src/features/presentation/components/carousel/carousel.component.html

@@ -38,6 +38,7 @@ <h3 class="h5 text-secondary fw-bold">{{ slides.titre }}</h3>
               *ngIf="slides.titre === 'La mise à jour'"
               href="https://dora.fabrique.social.gouv.fr"
               target="_blank"
+              title="Accéder à DORA (nouvel onglet)"
               rel="noopener noreferrer">
               <img class="my-3" height="100px" src="/assets/img/presentation/dora-logo.svg" alt="Accéder à DORA" />
             </a>
@@ -57,6 +58,7 @@ <h5 class="text-secondary fw-bold">{{ slides.titre }}</h5>
                 href="https://lamednum.coop/schema-de-donnees-des-lieux-de-mediation-numerique-2/"
                 style="color: white; font-weight: bold; text-decoration: underline"
                 target="_blank"
+                title="Standard de données (nouvel onglet)"
                 rel="noopener noreferrer">
                 standard de données des lieux d'inclusion numérique
               </a>
@@ -65,6 +67,7 @@ <h5 class="text-secondary fw-bold">{{ slides.titre }}</h5>
                 href="https://lamednum.coop/"
                 style="color: white; font-weight: bold; text-decoration: underline"
                 target="_blank"
+                title="Mednum (nouvel onglet)"
                 rel="noopener noreferrer">
                 Mednum
               </a>
@@ -73,6 +76,7 @@ <h5 class="text-secondary fw-bold">{{ slides.titre }}</h5>
                 href="https://datactivist.coop/fr/"
                 style="color: white; font-weight: bold; text-decoration: underline"
                 target="_blank"
+                title="Datactivist (nouvel onglet)"
                 rel="noopener noreferrer">
                 Datactivist
               </a>
@@ -81,6 +85,7 @@ <h5 class="text-secondary fw-bold">{{ slides.titre }}</h5>
                 href="https://agence-cohesion-territoires.gouv.fr/"
                 style="color: white; font-weight: bold; text-decoration: underline"
                 target="_blank"
+                title="ANCT (nouvel onglet)"
                 rel="noopener noreferrer">
                 l'ANCT
               </a>

src/features/presentation/components/integrateurs/integrateurs.component.html

@@ -10,7 +10,12 @@
           <div class="card-body h-100 d-flex" style="flex-direction: column">
             <h3 class="fw-bold card-title my-2">{{ integrateur.sousTitre }}</h3>
             <p class="card-text mt-2 mb-5 flex-grow-1">{{ integrateur.text }}</p>
-            <a class="btn-link text-decoration-none" href="{{ integrateur.link }}" target="_blank" rel="noopener noreferrer">
+            <a
+              class="btn-link text-decoration-none"
+              href="{{ integrateur.link }}"
+              target="_blank"
+              title="{{ integrateur.sousTitre }} (nouvel onglet)"
+              rel="noopener noreferrer">
               <div class="d-flex">
                 <span role="img" class="ri ri-external-link-line me-2"></span>
                 <p class="mt-1" style="font-size: smaller">{{ integrateur.linkTitre }}</p>
@@ -26,6 +31,7 @@ <h3 class="fw-bold card-title my-2">{{ integrateur.sousTitre }}</h3>
   class="btn btn-primary align-items-center d-inline-flex rounded-0 mt-5"
   href="https://github.com/anct-cartographie-nationale/client-application#documentation"
   target="_blank"
+  title="Intégrer la cartographie (nouvel onglet)"
   rel="noopener noreferrer">
   <span role="img" class="ri-map-pin-2-line ri me-2" aria-hidden="true"></span>
   Intégrer la cartographie

src/features/presentation/components/webinaire/webinaire.component.html

@@ -16,6 +16,7 @@ <h3 class="fw-bold card-title my-2">{{ webinaire.titre }}</h3>
             class="btn btn-primary rounded-0"
             href="{{ webinaire.inscription_link }}"
             target="_blank"
+            title="S'inscrire au webinaire (nouvel onglet)"
             rel="noopener noreferrer">
             <small>{{ webinaire.inscription_text }}</small>
           </a>
@@ -24,6 +25,7 @@ <h3 class="fw-bold card-title my-2">{{ webinaire.titre }}</h3>
             class="btn btn-primary rounded-0 ms-auto"
             href="{{ webinaire.replay_link }}"
             target="_blank"
+            title="Replay du webinaire (nouvel onglet)"
             rel="noopener noreferrer">
             <small>{{ webinaire.replay_text }}</small>
           </a>

src/features/presentation/pages/presentation/presentation.page.html

@@ -44,6 +44,7 @@ <h2 class="my-5 text-black text-center">
         class="btn btn-primary rounded-0"
         href="https://labase.anct.gouv.fr/ressource/1474"
         target="_blank"
+        title="Référencer ma structure (nouvel onglet)"
         rel="noopener noreferrer">
         <span role="img" class="ri-edit-line ri me-2" aria-hidden="true"></span>
         Référencer ma structure