fix: add title to all links for accessibility

anct-cartographie-nationale · Dec 1, 2023 · d06d9d8 · d06d9d8
1 parent 73fc34e
commit d06d9d8
Show file tree

Hide file tree

Showing 20 changed files with 100 additions and 11 deletions.
diff --git a/src/features/accessibilite/pages/accessibilite/accessibilite.page.html b/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="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(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="nouvel onglet"
+          rel="noopener noreferrer">
           Générateur de Déclaration d'Accessibilité de BetaGouv
         </a>
         .

diff --git a/...e/components/lieux-mediation-numerique-details/accessibilite/accessibilite.component.html b/...e/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">
       <i class="ri-edit-line me-1 text-right" aria-hidden="true"></i>
       <span>Renseigner l'accessibilité</span>

diff --git a/...components/lieux-mediation-numerique-details/boutons-action/boutons-action.component.html b/...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'">
         <i class="ri-calendar-check-line" aria-hidden="true"></i>
@@ -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'">
         <i class="ri-computer-line" aria-hidden="true"></i>

diff --git a/...ents/lieux-mediation-numerique-details/erreur-form-modal/erreur-form-modal.component.html b/...ents/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">
       <i class="ri-calendar-todo-line" aria-hidden="true"></i>

diff --git a/...-mediation-numerique-details/informations-pratiques/informations-pratiques.component.html b/...-mediation-numerique-details/informations-pratiques/informations-pratiques.component.html
@@ -33,7 +33,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">
       <i class="ri-wheelchair-line ri-xl text-primary" aria-hidden="true"></i>
       <b>Consulter les informations d'accessibilité</b>
     </a>

diff --git a/...onents/lieux-mediation-numerique-details/lieux-mediation-numerique-details.component.html b/...onents/lieux-mediation-numerique-details/lieux-mediation-numerique-details.component.html
@@ -140,6 +140,7 @@ <h2 class="h5 my-3 d-print-none fw-bold text-muted">Horaires détaillées</h2>
       class="nav-link me-1 text-primary"
       href="https://airtable.com/app2MF0d9XxkCwv0p/shrX7zSTk8pOtoKik?mtm_campaign=fromwebsitecarto"
       target="_blank"
+      title="Participer au webinaire(nouvel onglet)"
       rel="noopener noreferrer">
       <i class="ri-calendar-todo-line me-2" aria-hidden="true"></i>
       Participer au webinaire "Mettre à jour ses données"

diff --git a/src/features/cartographie/components/location-breadcrumb/location-breadcrumb.component.html b/src/features/cartographie/components/location-breadcrumb/location-breadcrumb.component.html
@@ -6,6 +6,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 }}

diff --git a/src/features/cartographie/components/modals/hub-modal/hub-modal.component.html b/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">
       <i class="ri ri-external-link-line my-auto me-2 opacity-75 text-muted" aria-hidden="true"></i>
     </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()">

diff --git a/src/features/cartographie/components/modals/label-modal-content/label-modal.component.html b/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()">

diff --git a/src/features/cartographie/layouts/cartographie/cartographie.layout.html b/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">
               <i class="ri-calendar-todo-line" aria-hidden="true"></i>
@@ -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 base(nouvel onglet)"
             rel="noopener noreferrer">
             <span class="ri-circled bg-primary text-light fw-normal me-3" aria-hidden="true"><i class="ri-link"></i></span>
             <span class="orientation-btn-label my-auto text-start lh-sm">

diff --git a/...coordinateurs/components/conseiller-details-modal/conseiller-details-modal.component.html b/...coordinateurs/components/conseiller-details-modal/conseiller-details-modal.component.html
@@ -85,6 +85,7 @@
           <a
             [href]="'https://www.conseiller-numerique.gouv.fr/' + lieuActivite.id + '/details'"
             target="_blank"
+            title="Voir la fiche(nouvel onglet)"
             rel="noopener noreferrer"
             class="fw-bold ms-auto link-muted-dark">
             Voir la fiche

diff --git a/src/features/donnees-personnelles/pages/donnees-personnelles/donnees-personnelles.page.html b/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="LegiFrance(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="Article(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 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 outils(nouvel onglet)"
             rel="noopener noreferrer">
             Cookies : les outils pour les maîtriser
           </a>

diff --git a/src/features/gestion-des-cookies/pages/gestion-des-cookies/gestion-des-cookies.page.html b/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 data gouv(nouvel onglet)"
           rel="noopener noreferrer">
           ici
         </a>

diff --git a/...ion/components/information-orientation-modal/information-orientation-modal.component.html b/...ion/components/information-orientation-modal/information-orientation-modal.component.html
@@ -16,6 +16,7 @@ <h3 class="text-primary fw-bold mb-4">{{ orientationInformation.titre }}</h3>
       [routerLink]="['/presentation']"
       fragment="webinaire"
       target="_blank"
+      title="Inscription webinaires(nouvel onglet)"
       rel="noopener noreferrer">
       <span class="orientation-btn-label my-auto text-start lh-sm">
         <i class="ri-calendar-todo-line" aria-hidden="true"></i>

diff --git a/src/features/orientation/pages/accessibilite/accessibilite-information-modal-texts.ts b/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'

diff --git a/src/features/presentation/components/carousel/carousel.component.html b/src/features/presentation/components/carousel/carousel.component.html
@@ -34,6 +34,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="Dora(nouvel onglet)"
               rel="noopener noreferrer">
               <span class="visually-hidden">Accéder à DORA</span>
               <img class="my-3" height="100px" src="/assets/img/presentation/dora-logo.svg" alt="" />
@@ -54,6 +55,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>
@@ -62,6 +64,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>
@@ -70,6 +73,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>
@@ -78,6 +82,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>

diff --git a/src/features/presentation/components/integrateurs/integrateurs.component.html b/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">
                 <i class="ri ri-external-link-line me-2"></i>
                 <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">
   <i class="ri-map-pin-2-line ri me-2" aria-hidden="true"></i>
   Intégrer la cartographie

diff --git a/src/features/presentation/components/webinaire/webinaire.component.html b/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="Inscription Webinaire(nouvel onglet)"
             rel="noopener noreferrer">
             S'inscrire au webinaire
           </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 }}"
             target="_blank"
+            title="Replay du webinaire(nouvel onglet)"
             rel="noopener noreferrer">
             Replay
           </a>

diff --git a/src/features/presentation/pages/presentation/presentation.page.html b/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">
         <i class="ri-edit-line ri me-2" aria-hidden="true"></i>
         Référencer ma structure