fix: audit wave (#333)

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

@@ -27,7 +27,7 @@ <h2 class="modal-title d-flex" id="labelModal">
             [alt]="'Logo ' + label.nom"
             class="mb-3"
             style="width: 180px; max-height: 120px" />
-          <h4 class="fw-bold text-primary">{{ label.nom }}</h4>
+          <h3 class="h4 fw-bold text-primary">{{ label.nom }}</h3>
           <p class="mb-0 mt-3">{{ label.description }}</p>
           <div class="my-3">
             <i *ngFor="let carracteristique of label.carracteristiques" class="badge rounded-pill text-bg-light fw-normal me-2">

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

@@ -29,6 +29,7 @@
   </div>
   <div class="d-flex align-items-center">
     <button
+      id="headingAccesLibre"
       class="btn btn-link p-3 text-decoration-none"
       aria-controls="collapseAccesLibre"
       [class.collapsed]="collapseAccesLibre.isCollapsed$ | async"

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

@@ -14,7 +14,7 @@
   </div>
   <div class="col-md-auto col-12 text-md-end d-print-none" *ngIf="courriel || telephone">
     <div class="mb-3" *ngIf="status">
-      <span [class.text-success]="status.label === 'Ouvert'" [class.text-danger]="status.label === 'Fermé'">
+      <span [class.text-primary]="status.label === 'Ouvert'" [class.text-danger]="status.label === 'Fermé'">
         <i class="ri-checkbox-blank-circle-fill ri-xxs" aria-hidden="true"></i>
         {{ status.label }}
       </span>

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

@@ -1,5 +1,5 @@
 <div class="lieux-mediation-numerique-details-print d-flex flex-column border-3 overflow-hidden">
-  <h2 class="h3 mb-3 d-none d-print-block">
+  <h3 class="mb-3 d-none d-print-block">
     <ng-container *ngIf="orientationSheetForm; else noOrientationSheetFormTitle">
       <i class="ri-account-pin-circle-fill me-2" aria-hidden="true"></i>
       Fiche d'orientation
@@ -8,7 +8,7 @@ <h2 class="h3 mb-3 d-none d-print-block">
       <i class="ri-file-text-line me-2" aria-hidden="true"></i>
       Fiche lieu
     </ng-template>
-  </h2>
+  </h3>
   <div class="map-container">
     <div class="border-top" style="height: 250px" aria-hidden="true">
       <mgl-map

src/features/cartographie/components/lieux-mediation-numerique-details/orientation-sheet-modal/orientation-sheet-modal.component.html

@@ -244,7 +244,7 @@ <h2 class="modal-title fw-bold d-flex align-items-center" id="ficheOrientationMo
               </div>
             </div>
             <div class="col" *ngIf="usager">
-              <h5 class="text-primary fw-bold mb-2">Résumé de la fiche d'orientation</h5>
+              <h3 class="h5 text-primary fw-bold mb-2">Résumé de la fiche d'orientation</h3>
               <div class="mb-5">
                 <b class="text-break">{{ usager.firstname }} {{ usager.lastname }}</b>
                 <div class="text-muted-dark text-break" *ngIf="usager.details">{{ usager.details }}</div>

src/features/cartographie/components/lieux-mediation-numerique-list/hub-modal/hub-modal.component.html

@@ -27,11 +27,11 @@ <h2 class="modal-title d-flex" id="hubModal">
               class="mb-4"
               [src]="assetsConfiguration.path + '/img/logo/hubs/48/' + hub.nom + '.png'"
               [alt]="'Logo' + hub.nom" />
-            <h4 class="fw-bold">
+            <h3 class="h4 fw-bold">
               HUB d'inclusion numérique
               <br />
               <span class="text-primary">{{ hub.region }}</span>
-            </h4>
+            </h3>
             <div class="mt-5 mb-4">
               <span *ngFor="let departement of hub.departements; last as isLast" class="d-inline-block">
                 <b>{{ departement.nom }}</b>
@@ -51,12 +51,12 @@ <h4 class="fw-bold">
             </span>
           </div>
           <div class="mt-4 d-flex justify-content-center">
-            <div class="text-muted small">Qu'est ce qu'un Hub territorial ?</div>
             <a
-              class="text-decoration-none"
+              class="text-decoration-none link-muted small"
               href="https://societenumerique.gouv.fr/fr/dispositif/hubs-numerique/"
               target="_blank"
               rel="noopener noreferrer">
+              Qu'est ce qu'un Hub territorial ?
               <i class="ri ri-external-link-line my-auto me-2 opacity-75 text-muted" aria-hidden="true"></i>
             </a>
           </div>

src/features/cartographie/components/lieux-mediation-numerique-list/lieu-mediation-numerique-list-item/lieu-mediation-numerique-list-item.component.html

@@ -14,7 +14,7 @@ <h2 class="h5 mb-0 text-first-letter-uppercase fw-bold">
         <div class="text-muted">{{ lieuMediationNumerique.adresse }}</div>
         <div class="mt-1" *ngIf="lieuMediationNumerique.distance">{{ lieuMediationNumerique.distance | distance }}</div>
         <div *ngIf="lieuMediationNumerique.status" class="text-muted">
-          <span [class.text-success]="lieuMediationNumerique.status.label === 'Ouvert'">
+          <span [class.text-primary]="lieuMediationNumerique.status.label === 'Ouvert'">
             <i class="ri-checkbox-blank-circle-fill ri-xxs" aria-hidden="true"></i>
             {{ lieuMediationNumerique.status.label }}
           </span>

src/features/cartographie/components/lieux-mediation-numerique-list/lieux-mediation-numerique-list-print/lieux-mediation-numerique-list-print.component.html

@@ -1,8 +1,8 @@
-<div class="position-absolute bg-white top-0 start-0 end-0 bottom-0">
+<div class="position-absolute bg-white top-0 start-0 end-0 bottom-0 d-none d-print-block">
   <div class="position-fixed top-0"></div>
   <div class="position-fixed bottom-0">
     <div class="border-top border-dark border-2">
-      <img class="w-25 d-none d-print-block" [src]="brandConfiguration.logo" alt="" />
+      <img class="w-25" [src]="brandConfiguration.logo" alt="" />
     </div>
   </div>
   <table>
@@ -16,7 +16,7 @@
     <tbody>
       <tr>
         <td>
-          <h2 class="h3 mb-3 pb-1 d-none d-print-block border-bottom border-dark border-2">
+          <h2 class="h3 mb-3 pb-1 border-bottom border-dark border-2">
             <i class="ri ri-list-check me-2" aria-hidden="true"></i>
             Liste des lieux
           </h2>

src/features/cartographie/components/markers/lieu-mediation-numerique-markers/lieu-mediation-numerique-markers.component.html

@@ -10,7 +10,7 @@
       [ngClass]="lieuMediationNumerique.status?.label === 'Ouvert' ? 'border-success' : 'border-muted'">
       <b class="fs-5">{{ lieuMediationNumerique.nom }}</b>
       <div *ngIf="lieuMediationNumerique.status; else noOpeningHours" class="text-muted">
-        <span [class.text-success]="lieuMediationNumerique.status.label === 'Ouvert'">
+        <span [class.text-primary]="lieuMediationNumerique.status.label === 'Ouvert'">
           <i class="ri-checkbox-blank-circle-fill ri-xxs" aria-hidden="true"></i>
           {{ lieuMediationNumerique.status.label }}
         </span>

src/features/orientation/components/besoin-link/besoin-link.component.html

@@ -1,7 +1,8 @@
 <a
   *ngFor="let serviceItem of serviceItems"
   routerLink="../localisation"
-  queryParamsHandling="preserve"
+  queryParamsHandling="merge"
+  [queryParams]="{ service: serviceItem.value }"
   class="btn orientation-btn bg-light mb-3 p-3 rounded-0 d-flex position-relative"
   (click)="selectServiceValue.emit(serviceItem.value)">
   <span

src/index.html

@@ -48,15 +48,16 @@
   <body>
     <app-root></app-root>
     <div id="IE" style="display: none" class="row">
+      <h1>Navigateur incompatible détecté</h1>
       <div class="col-3 mt-5 ie-card mx-auto shadow">
         <div class="px-3 py-4">
-          <h4 class="mb-3"><b>Mise à jour du navigateur:</b></h4>
+          <h2 class="mb-3"><b>Mise à jour du navigateur:</b></h2>
           <p>
             Pour utiliser les fonctionnalités et les avantages de la cartographie sur votre ordinateur, vous devez disposer de
             la version la plus récente de votre navigateur Web. Pour une expérience optimale, mettez-le à jour ou passez à un
             autre navigateur.
           </p>
-          <h4 class="mt-5 mb-3"><b>Navigateurs compatibles :</b></h4>
+          <h2 class="mt-5 mb-3"><b>Navigateurs compatibles :</b></h2>
           <p>Pour savoir comment mettre à jour ou installer un navigateur, consultez les ressources d'aide de ce dernier :</p>
           <ul>
             <li><a href="https://www.google.com/chrome" target="_blank">Google Chrome</a></li>