From 0bf16b167a2794ae3e8540e4819cb899627833c2 Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Tue, 30 Jun 2026 13:30:13 +0200
Subject: [PATCH 01/31] =?UTF-8?q?fix(a11y):=20cas=20d'usage=20=E2=80=94=20?=
 =?UTF-8?q?picto=20alt=20vide,=20label=20s=C3=A9mantique,=20lien=20externe?=
 =?UTF-8?q?=20(API-6739)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Pictos décoratifs (_show et _others) : alt="" au lieu de l'uid technique
- <label> non associé à un contrôle → <p> (RGAA 8.9)
- Lien DataPass target="_blank" : ajout rel="noopener noreferrer" et avertissement sr-only (RGAA 13.2)

Ref: https://linear.app/pole-api/issue/API-6739
---
 site/app/views/shared/cas_usages/_others.html.erb | 2 +-
 site/app/views/shared/cas_usages/_show.html.erb   | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/site/app/views/shared/cas_usages/_others.html.erb b/site/app/views/shared/cas_usages/_others.html.erb
index e7e290ccf..ea418114a 100644
--- a/site/app/views/shared/cas_usages/_others.html.erb
+++ b/site/app/views/shared/cas_usages/_others.html.erb
@@ -2,7 +2,7 @@
 <div class="use_cases">
   <% @other_fiches_pratiques.sample(3).each do |use_case| %>
     <div class="use_case fr-mt-4v">
-      <%= image_tag("#{api}/cas_usages/pictos/#{use_case.uid}.svg", alt: use_case.uid) %>
+      <%= image_tag("#{api}/cas_usages/pictos/#{use_case.uid}.svg", alt: "") %>
       <h4><%= t(".#{use_case.uid}.title") %></h4>
       <p><%= t(".#{use_case.uid}.description") %></p>
       <%= link_to t('.link'), cas_usage_path(use_case.uid), class: "fr-btn fr-btn--secondary" %>
diff --git a/site/app/views/shared/cas_usages/_show.html.erb b/site/app/views/shared/cas_usages/_show.html.erb
index 377d7bdfc..aea52f8b7 100644
--- a/site/app/views/shared/cas_usages/_show.html.erb
+++ b/site/app/views/shared/cas_usages/_show.html.erb
@@ -4,10 +4,10 @@
   <div class="fr-container doc_markdown_to_html" data-controller="anchor-buttons" data-anchor-buttons-tags-value='["h2", "h3", "h4", "section"]'>
     <section class="introduction fr-grid-row fr-background-default-white">
       <div class="introduction_image fr-col-xs-12 fr-col-sm-12 fr-col-md-12 fr-col-lg-2 fr-col-xl-2">
-        <%= image_tag("#{api}/cas_usages/pictos/#{params[:uid]}.svg", alt: params[:uid]) %>
+        <%= image_tag("#{api}/cas_usages/pictos/#{params[:uid]}.svg", alt: "") %>
       </div>
       <div class="introduction_text fr-col-xs-12 fr-col-sm-12 fr-col-md-12 fr-col-lg-10 fr-col-xl-10">
-        <label class="introduction_text--label"><%= t('.label') %></label>
+        <p class="introduction_text--label"><%= t('.label') %></p>
         <h1 class="fr-h2 introduction_text--title fr-mt-1v"><%= @fiche_pratique.introduction[:title] %></h1>
         <div class="introduction_text--content"><%= markdown_to_html(@fiche_pratique.introduction[:content]) %></div>
         <div class="introduction_text--links">
@@ -61,8 +61,8 @@
         <div class="request_access--content">
           <p class="fr-text--lg"><%= t('.request_access.description') %>
           </p>
-          <a href="<%= @fiche_pratique.datapass_url %>" class="fr-btn fr-mt-5v fr-mb-4w" target='_blank'>
-            <%= t('.request_access.link')%><span class="fr-text--bold fr-ml-1v"><%= @fiche_pratique.name %></span>
+          <a href="<%= @fiche_pratique.datapass_url %>" class="fr-btn fr-mt-5v fr-mb-4w" target='_blank' rel="noopener noreferrer">
+            <%= t('.request_access.link')%><span class="fr-text--bold fr-ml-1v"><%= @fiche_pratique.name %></span><span class="fr-sr-only"> (ouverture dans un nouvel onglet)</span>
           </a>
           <p class="fr-mb-0-5v">
             <%= t('.request_access.sub_description') %>

From 9c3ac25e9176ae8d0a085c38d6c2b5f9b776c122 Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Tue, 30 Jun 2026 13:30:36 +0200
Subject: [PATCH 02/31] =?UTF-8?q?fix(a11y):=20FAQ=20=E2=80=94=20bouton=20D?=
 =?UTF-8?q?SFR=20sidemenu=20manquant=20sur=20mobile=20(API-6738)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Le composant fr-sidemenu nécessite un <button class="fr-sidemenu__btn">
avec aria-controls/aria-expanded pour que le DSFR JS puisse afficher
le menu de catégories sur mobile. Sans lui, la navigation par catégorie
est inaccessible au clavier sur petits écrans.

Ref: https://linear.app/pole-api/issue/API-6738
---
 site/app/views/api_entreprise/faq/index.html.erb  | 3 +++
 site/app/views/api_particulier/faq/index.html.erb | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/site/app/views/api_entreprise/faq/index.html.erb b/site/app/views/api_entreprise/faq/index.html.erb
index 74344fced..c06663947 100644
--- a/site/app/views/api_entreprise/faq/index.html.erb
+++ b/site/app/views/api_entreprise/faq/index.html.erb
@@ -13,6 +13,9 @@
       <div class="fr-col-12 fr-col-sm-4 fr-col-md-3">
         <nav class="fr-sidemenu" aria-label="Menu latéral">
           <div class="fr-sidemenu__inner">
+            <button class="fr-sidemenu__btn" hidden aria-controls="fr-sidemenu-wrapper" aria-expanded="false">
+              Catégories
+            </button>
             <div class="fr-collapse" id="fr-sidemenu-wrapper">
               <ul class="fr-sidemenu__list">
                 <% @faq_entries_grouped_by_categories.keys.each do |category_name| %>
diff --git a/site/app/views/api_particulier/faq/index.html.erb b/site/app/views/api_particulier/faq/index.html.erb
index 74344fced..c06663947 100644
--- a/site/app/views/api_particulier/faq/index.html.erb
+++ b/site/app/views/api_particulier/faq/index.html.erb
@@ -13,6 +13,9 @@
       <div class="fr-col-12 fr-col-sm-4 fr-col-md-3">
         <nav class="fr-sidemenu" aria-label="Menu latéral">
           <div class="fr-sidemenu__inner">
+            <button class="fr-sidemenu__btn" hidden aria-controls="fr-sidemenu-wrapper" aria-expanded="false">
+              Catégories
+            </button>
             <div class="fr-collapse" id="fr-sidemenu-wrapper">
               <ul class="fr-sidemenu__list">
                 <% @faq_entries_grouped_by_categories.keys.each do |category_name| %>

From 2ceaa12e10954b0278ae356b98dc558797398f8d Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Tue, 30 Jun 2026 13:31:11 +0200
Subject: [PATCH 03/31] =?UTF-8?q?fix(a11y):=20catalogue=20=E2=80=94=20alt?=
 =?UTF-8?q?=20vide=20sur=20logos=20fournisseurs=20(RGAA=201.2)=20(API-6734?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Les logos des fournisseurs dans les cartes du catalogue n'avaient pas
d'attribut alt : Rails génère alors un alt par défaut (nom de fichier)
vocalisé par les lecteurs d'écran. Ces logos sont décoratifs — le nom
du fournisseur est déjà dans le texte adjacent. alt="" explicite.

Idem pour le picto FranceConnect dans la carte API Particulier.

Ref: https://linear.app/pole-api/issue/API-6734
---
 site/app/views/api_entreprise/endpoints/_endpoint.html.erb  | 2 +-
 site/app/views/api_particulier/endpoints/_endpoint.html.erb | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/site/app/views/api_entreprise/endpoints/_endpoint.html.erb b/site/app/views/api_entreprise/endpoints/_endpoint.html.erb
index bc61134a8..8989ad417 100644
--- a/site/app/views/api_entreprise/endpoints/_endpoint.html.erb
+++ b/site/app/views/api_entreprise/endpoints/_endpoint.html.erb
@@ -13,7 +13,7 @@
 
         <div class="fr-col-4">
           <% endpoint.providers.each do |provider| %>
-            <%= image_tag(provider.image_path, class: %w(provider)) %>
+            <%= image_tag(provider.image_path, alt: "", class: %w(provider)) %>
           <% end %>
         </div>
       </div>
diff --git a/site/app/views/api_particulier/endpoints/_endpoint.html.erb b/site/app/views/api_particulier/endpoints/_endpoint.html.erb
index 38528a871..4e874b9fc 100644
--- a/site/app/views/api_particulier/endpoints/_endpoint.html.erb
+++ b/site/app/views/api_particulier/endpoints/_endpoint.html.erb
@@ -12,7 +12,7 @@
         </div>
         <div class="fr-col-4">
           <% endpoint.providers.each do |provider| %>
-            <%= image_tag(provider.image_path, class: %w(provider)) %>
+            <%= image_tag(provider.image_path, alt: "", class: %w(provider)) %>
           <% end %>
         </div>
       </div>
@@ -35,7 +35,7 @@
           <span class="fr-grid-row">
             <%= parameter %>
             <% if parameter == "FranceConnect" %>
-            <%= image_tag("api_particulier/cas_usages/pictos/modalite_appel_france_connect.svg", size: '25x25', alt: 'Pictogramme fournisseurs de données regroupés')%>
+            <%= image_tag("api_particulier/cas_usages/pictos/modalite_appel_france_connect.svg", size: '25x25', alt: '')%>
             <% end %>
           </span>
         </li>

From 05d43cd59be5194c594d6a2e8c1477a6613e6f37 Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Tue, 30 Jun 2026 13:33:12 +0200
Subject: [PATCH 04/31] =?UTF-8?q?fix(a11y):=20endpoint=20show=20=E2=80=94?=
 =?UTF-8?q?=20HTML=20valide,=20aria-label=20nav,=20alt=20logos=20(API-6736?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

RGAA 8.2 / 8.9 / 9.3 — <ul> et <p> imbriqués dans <p> :
- Section CGU (Entreprise et Particulier) : <ul> sorti du <p>
- Bloc deprecated (Entreprise et Particulier) : idem
- Bloc incoming : <p> imbriqué dans <p> → deux paragraphes séparés

RGAA 9.2 — nav sans aria-label :
- <nav role="navigation"> → <nav aria-label="Sommaire de la page">
  (role="navigation" redondant sur <nav> supprimé, class="" vide supprimée)

RGAA 1.1 — alt non pertinent :
- Logo fournisseur : "Logo du fournisseur de données" → "Logo de {nom}"

Ref: https://linear.app/pole-api/issue/API-6736
---
 .../api_entreprise/endpoints/show.html.erb    | 70 +++++++++----------
 .../api_particulier/endpoints/show.html.erb   | 65 ++++++++---------
 2 files changed, 61 insertions(+), 74 deletions(-)

diff --git a/site/app/views/api_entreprise/endpoints/show.html.erb b/site/app/views/api_entreprise/endpoints/show.html.erb
index 2bc6805e5..539ef130a 100644
--- a/site/app/views/api_entreprise/endpoints/show.html.erb
+++ b/site/app/views/api_entreprise/endpoints/show.html.erb
@@ -22,10 +22,9 @@
             </p>
             <p>
               <%= t('.incoming.description') %>
-
-              <p class="fr-text--sm fr-mt-2w">
-                <%= t('.incoming.link_documentation').html_safe %> <%= link_to t('.incoming.cta'), developers_openapi_path(anchor: @endpoint.redoc_anchor), data: { turbo: false }, class: %() %>
-              </p>
+            </p>
+            <p class="fr-text--sm fr-mt-2w">
+              <%= t('.incoming.link_documentation').html_safe %> <%= link_to t('.incoming.cta'), developers_openapi_path(anchor: @endpoint.redoc_anchor), data: { turbo: false }, class: %() %>
             </p>
           </div>
         <% elsif @endpoint.beta? %>
@@ -45,8 +44,8 @@
       </p>
 
 
-    <nav class="" role="navigation">
-        <ul class="">
+    <nav aria-label="Sommaire de la page">
+        <ul>
             <li>
                 <a class="fr-link fr-fi-arrow-down-line fr-link--icon-right" href="#perimetre">Périmètre de l'API</a>
             </li>
@@ -76,7 +75,7 @@
       <div class="fr-grid-row fr-grid-row--gutters fr-grid-row--middle">
         <div class="fr-col-md-5 fr-col-12 logos">
           <% @endpoint.providers.each do |provider| %>
-            <%= image_tag(provider.image_path, alt: 'Logo du fournisseur de données') %>
+            <%= image_tag(provider.image_path, alt: "Logo de #{provider.name}") %>
           <% end %>
         </div>
 
@@ -124,15 +123,16 @@
 
           <p>
             <%= t('.deprecated.description') %>
-            <ul>
-              <% @endpoint.new_endpoints.each do |endpoint| %>
-                <li>
-                  <%= link_to endpoint.title, endpoint_path(uid: endpoint.uid) %>
-                </li>
-              <% end %>
-            </ul>
-            <p class="fr-text--sm fr-mt-2w">
-            <%= t('.deprecated.link_documentation').html_safe %></p>
+          </p>
+          <ul>
+            <% @endpoint.new_endpoints.each do |endpoint| %>
+              <li>
+                <%= link_to endpoint.title, endpoint_path(uid: endpoint.uid) %>
+              </li>
+            <% end %>
+          </ul>
+          <p class="fr-text--sm fr-mt-2w">
+            <%= t('.deprecated.link_documentation').html_safe %>
           </p>
         </div>
       <% end %>
@@ -361,29 +361,23 @@
 
         <p>
           Cette API et l’utilisation de ses données est soumise aux CGU générales d’API Entreprise, dont voici les principaux éléments auxquels vous vous engagez :
-
-          <ul>
-            <li>
-              <strong>ne demander que les données strictement nécessaires</strong> ;
-            </li>
-            <li>
-              <strong>ne pas utiliser votre jeton d’accès pour une démarche différente</strong> de celle indiquée lors de votre demande (le cas échéant le jeton sera révoqué) ;
-            </li>
-            <li>
-              <strong>présenter les données obtenues uniquement aux seuls agents habilités</strong> et à tracer l’accès de ces agents aux données ;
-            </li>
-            <li>
-              <strong>ne pas commercialiser les données</strong> reçues et à ne pas les communiquer à des tiers en dehors des cas prévus par la loi.
-            </li>
-          </ul>
-
-          L’ensemble des conditions sont consultables et téléchargeables ci-dessous :
-
-          <br>
-          <br>
-
-          <%= link_to t('.cgu.cta'), cgu_path, id: 'cgu_link', class: %w(fr-btn fr-btn--secondary fr-btn--icon-right fr-icon-eye-line), data: { turbo_frame: 'main-modal-content', 'fr-opened': 'false' }, 'aria-controls': 'main-modal' %>
         </p>
+        <ul>
+          <li>
+            <strong>ne demander que les données strictement nécessaires</strong> ;
+          </li>
+          <li>
+            <strong>ne pas utiliser votre jeton d’accès pour une démarche différente</strong> de celle indiquée lors de votre demande (le cas échéant le jeton sera révoqué) ;
+          </li>
+          <li>
+            <strong>présenter les données obtenues uniquement aux seuls agents habilités</strong> et à tracer l’accès de ces agents aux données ;
+          </li>
+          <li>
+            <strong>ne pas commercialiser les données</strong> reçues et à ne pas les communiquer à des tiers en dehors des cas prévus par la loi.
+          </li>
+        </ul>
+        <p>L’ensemble des conditions sont consultables et téléchargeables ci-dessous :</p>
+        <%= link_to t(‘.cgu.cta’), cgu_path, id: ‘cgu_link’, class: %w(fr-btn fr-btn--secondary fr-btn--icon-right fr-icon-eye-line fr-mt-2w), data: { turbo_frame: ‘main-modal-content’, ‘fr-opened’: ‘false’ }, ‘aria-controls’: ‘main-modal’ %>
       <% end %>
     </div>
 
diff --git a/site/app/views/api_particulier/endpoints/show.html.erb b/site/app/views/api_particulier/endpoints/show.html.erb
index dd0f66d7d..707c520ff 100644
--- a/site/app/views/api_particulier/endpoints/show.html.erb
+++ b/site/app/views/api_particulier/endpoints/show.html.erb
@@ -24,10 +24,9 @@
             </p>
             <p>
               <%= t('.incoming.description') %>
-
-              <p class="fr-text--sm fr-mt-2w">
-                <%= t('.incoming.link_documentation').html_safe %> <%= link_to t('.incoming.cta'), developers_openapi_path(anchor: @endpoint.redoc_anchor), data: { turbo: false }, class: %() %>
-              </p>
+            </p>
+            <p class="fr-text--sm fr-mt-2w">
+              <%= t('.incoming.link_documentation').html_safe %> <%= link_to t('.incoming.cta'), developers_openapi_path(anchor: @endpoint.redoc_anchor), data: { turbo: false }, class: %() %>
             </p>
           </div>
         <% elsif @endpoint.beta? %>
@@ -43,8 +42,8 @@
       </p>
 
 
-      <nav class="" role="navigation">
-        <ul class="">
+      <nav aria-label="Sommaire de la page">
+        <ul>
             <li>
                 <a class="fr-link fr-fi-arrow-down-line fr-link--icon-right" href="#perimetre">Périmètre de l'API</a>
             </li>
@@ -76,7 +75,7 @@
       <div class="fr-grid-row fr-grid-row--gutters fr-grid-row--middle">
         <div class="fr-col-md-5 fr-col-12 logos">
           <% @endpoint.providers.each do |provider| %>
-            <%= image_tag(provider.image_path, alt: 'Logo du fournisseur de données') %>
+            <%= image_tag(provider.image_path, alt: "Logo de #{provider.name}") %>
           <% end %>
         </div>
 
@@ -120,14 +119,14 @@
 
           <p>
             <%= t('.deprecated.description') %>
-            <ul>
-              <% @endpoint.new_endpoints.each do |endpoint| %>
-                <li>
-                  <%= link_to endpoint.uid, endpoint_path(uid: endpoint.uid) %>
-                </li>
-              <% end %>
-            </ul>
           </p>
+          <ul>
+            <% @endpoint.new_endpoints.each do |endpoint| %>
+              <li>
+                <%= link_to endpoint.uid, endpoint_path(uid: endpoint.uid) %>
+              </li>
+            <% end %>
+          </ul>
         </div>
       <% end %>
       <h2 id="perimetre">
@@ -309,29 +308,23 @@
 
         <p>
           Cette API et l’utilisation de ses données sont soumises aux CGU générales d’API Particulier, dont voici les principaux éléments auxquels vous vous engagez :
-
-          <ul>
-            <li>
-              <strong>ne demander que les données strictement nécessaires</strong> ;
-            </li>
-            <li>
-              <strong>ne pas utiliser votre jeton d’accès pour une démarche différente</strong> de celle indiquée lors de votre demande (le cas échéant le jeton sera révoqué) ;
-            </li>
-            <li>
-              <strong>présenter les données obtenues uniquement aux seuls agents habilités</strong> et à tracer l’accès de ces agents aux données ;
-            </li>
-            <li>
-              <strong>ne pas commercialiser les données</strong> reçues et à ne pas les communiquer à des tiers en dehors des cas prévus par la loi.
-            </li>
-          </ul>
-
-          L’ensemble des conditions sont consultables et téléchargeables ci-dessous :
-
-          <br>
-          <br>
-
-          <%= link_to t('.cgu.cta'), cgu_path, id: 'cgu_link', class: %w(fr-btn fr-btn--secondary fr-btn--icon-right fr-icon-eye-line) %>
         </p>
+        <ul>
+          <li>
+            <strong>ne demander que les données strictement nécessaires</strong> ;
+          </li>
+          <li>
+            <strong>ne pas utiliser votre jeton d’accès pour une démarche différente</strong> de celle indiquée lors de votre demande (le cas échéant le jeton sera révoqué) ;
+          </li>
+          <li>
+            <strong>présenter les données obtenues uniquement aux seuls agents habilités</strong> et à tracer l’accès de ces agents aux données ;
+          </li>
+          <li>
+            <strong>ne pas commercialiser les données</strong> reçues et à ne pas les communiquer à des tiers en dehors des cas prévus par la loi.
+          </li>
+        </ul>
+        <p>L’ensemble des conditions sont consultables et téléchargeables ci-dessous :</p>
+        <%= link_to t(‘.cgu.cta’), cgu_path, id: ‘cgu_link’, class: %w(fr-btn fr-btn--secondary fr-btn--icon-right fr-icon-eye-line fr-mt-2w) %>
 
     </div>
 

From 910103fc333e306e622e985f5244b23acb930cc6 Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Tue, 30 Jun 2026 14:12:04 +0200
Subject: [PATCH 05/31] Fix ActionView::SyntaxErrorInTemplate caused by curly
 quotes

Typographic single quotes (U+2018/U+2019) were inadvertently introduced
in the ERB files instead of ASCII single quotes, making the compiled
Ruby code unparseable by Prism in certain contexts.
---
 site/app/views/api_entreprise/endpoints/show.html.erb  | 10 +++++-----
 site/app/views/api_particulier/endpoints/show.html.erb | 10 +++++-----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/site/app/views/api_entreprise/endpoints/show.html.erb b/site/app/views/api_entreprise/endpoints/show.html.erb
index 539ef130a..a2a240a06 100644
--- a/site/app/views/api_entreprise/endpoints/show.html.erb
+++ b/site/app/views/api_entreprise/endpoints/show.html.erb
@@ -360,24 +360,24 @@
         </h3>
 
         <p>
-          Cette API et l’utilisation de ses données est soumise aux CGU générales d’API Entreprise, dont voici les principaux éléments auxquels vous vous engagez :
+          Cette API et l'utilisation de ses données est soumise aux CGU générales d'API Entreprise, dont voici les principaux éléments auxquels vous vous engagez :
         </p>
         <ul>
           <li>
             <strong>ne demander que les données strictement nécessaires</strong> ;
           </li>
           <li>
-            <strong>ne pas utiliser votre jeton d’accès pour une démarche différente</strong> de celle indiquée lors de votre demande (le cas échéant le jeton sera révoqué) ;
+            <strong>ne pas utiliser votre jeton d'accès pour une démarche différente</strong> de celle indiquée lors de votre demande (le cas échéant le jeton sera révoqué) ;
           </li>
           <li>
-            <strong>présenter les données obtenues uniquement aux seuls agents habilités</strong> et à tracer l’accès de ces agents aux données ;
+            <strong>présenter les données obtenues uniquement aux seuls agents habilités</strong> et à tracer l'accès de ces agents aux données ;
           </li>
           <li>
             <strong>ne pas commercialiser les données</strong> reçues et à ne pas les communiquer à des tiers en dehors des cas prévus par la loi.
           </li>
         </ul>
-        <p>L’ensemble des conditions sont consultables et téléchargeables ci-dessous :</p>
-        <%= link_to t(‘.cgu.cta’), cgu_path, id: ‘cgu_link’, class: %w(fr-btn fr-btn--secondary fr-btn--icon-right fr-icon-eye-line fr-mt-2w), data: { turbo_frame: ‘main-modal-content’, ‘fr-opened’: ‘false’ }, ‘aria-controls’: ‘main-modal’ %>
+        <p>L'ensemble des conditions sont consultables et téléchargeables ci-dessous :</p>
+        <%= link_to t('.cgu.cta'), cgu_path, id: 'cgu_link', class: %w(fr-btn fr-btn--secondary fr-btn--icon-right fr-icon-eye-line fr-mt-2w), data: { turbo_frame: 'main-modal-content', 'fr-opened': 'false' }, 'aria-controls': 'main-modal' %>
       <% end %>
     </div>
 
diff --git a/site/app/views/api_particulier/endpoints/show.html.erb b/site/app/views/api_particulier/endpoints/show.html.erb
index 707c520ff..0dcf2d794 100644
--- a/site/app/views/api_particulier/endpoints/show.html.erb
+++ b/site/app/views/api_particulier/endpoints/show.html.erb
@@ -307,24 +307,24 @@
         </h3>
 
         <p>
-          Cette API et l’utilisation de ses données sont soumises aux CGU générales d’API Particulier, dont voici les principaux éléments auxquels vous vous engagez :
+          Cette API et l'utilisation de ses données sont soumises aux CGU générales d'API Particulier, dont voici les principaux éléments auxquels vous vous engagez :
         </p>
         <ul>
           <li>
             <strong>ne demander que les données strictement nécessaires</strong> ;
           </li>
           <li>
-            <strong>ne pas utiliser votre jeton d’accès pour une démarche différente</strong> de celle indiquée lors de votre demande (le cas échéant le jeton sera révoqué) ;
+            <strong>ne pas utiliser votre jeton d'accès pour une démarche différente</strong> de celle indiquée lors de votre demande (le cas échéant le jeton sera révoqué) ;
           </li>
           <li>
-            <strong>présenter les données obtenues uniquement aux seuls agents habilités</strong> et à tracer l’accès de ces agents aux données ;
+            <strong>présenter les données obtenues uniquement aux seuls agents habilités</strong> et à tracer l'accès de ces agents aux données ;
           </li>
           <li>
             <strong>ne pas commercialiser les données</strong> reçues et à ne pas les communiquer à des tiers en dehors des cas prévus par la loi.
           </li>
         </ul>
-        <p>L’ensemble des conditions sont consultables et téléchargeables ci-dessous :</p>
-        <%= link_to t(‘.cgu.cta’), cgu_path, id: ‘cgu_link’, class: %w(fr-btn fr-btn--secondary fr-btn--icon-right fr-icon-eye-line fr-mt-2w) %>
+        <p>L'ensemble des conditions sont consultables et téléchargeables ci-dessous :</p>
+        <%= link_to t('.cgu.cta'), cgu_path, id: 'cgu_link', class: %w(fr-btn fr-btn--secondary fr-btn--icon-right fr-icon-eye-line fr-mt-2w) %>
 
     </div>
 

From a5f734de3a305a7aab5da6eb120ab19bc7c3fd68 Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Tue, 30 Jun 2026 18:42:36 +0200
Subject: [PATCH 06/31] =?UTF-8?q?fix(a11y):=20layouts=20admin/editor/provi?=
 =?UTF-8?q?der=20=E2=80=94=20main,=20skip=20links,=20titre=20(NC=208.6,=20?=
 =?UTF-8?q?9.2,=2012.1)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- admin.html.erb: corrige typo "Entreculier" → "API Entreprise / API Particulier" (NC 8.6)
- admin/editor/provider: ajout lien d'évitement DSFR (NC 12.1)
- admin: <div fr-container> → <main id="content"> (NC 9.2)
- editor/provider: <div fr-container> → <main id="content" class="fr-container ..."> (NC 9.2)
- shared/admin/_header.html.erb: correction même typo dans le titre service
---
 site/app/views/layouts/admin.html.erb        | 13 ++++++++++---
 site/app/views/layouts/editor.html.erb       | 11 +++++++++--
 site/app/views/layouts/provider.html.erb     | 13 ++++++++++---
 site/app/views/shared/admin/_header.html.erb |  4 ++--
 4 files changed, 31 insertions(+), 10 deletions(-)

diff --git a/site/app/views/layouts/admin.html.erb b/site/app/views/layouts/admin.html.erb
index bcb177c1a..4381ea07a 100644
--- a/site/app/views/layouts/admin.html.erb
+++ b/site/app/views/layouts/admin.html.erb
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="fr" data-fr-scheme="light">
   <head>
-    <title>Admin - API Entreculier</title>
+    <title>Admin – API Entreprise / API Particulier</title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
 
     <%= render partial: 'shared/favicons' %>
@@ -16,15 +16,22 @@
   </head>
 
   <body>
+    <div class="fr-skiplinks">
+      <nav class="fr-container" role="navigation" aria-label="Accès rapide">
+        <ul class="fr-skiplinks__list">
+          <li><a class="fr-link" href="#content">Aller au contenu</a></li>
+        </ul>
+      </nav>
+    </div>
     <%= render partial: 'shared/admin/header' %>
 
-    <div class="fr-container fr-mb-5w fr-my-5w">
+    <main id="content">
       <turbo-frame id="alerts">
         <%= render partial: 'shared/alerts' %>
       </turbo-frame>
 
       <%= yield %>
-    </div>
+    </main>
 
     <%= render partial: 'shared/modal' %>
   </body>
diff --git a/site/app/views/layouts/editor.html.erb b/site/app/views/layouts/editor.html.erb
index 673ac3285..bae0cc3e2 100644
--- a/site/app/views/layouts/editor.html.erb
+++ b/site/app/views/layouts/editor.html.erb
@@ -16,15 +16,22 @@
   </head>
 
   <body>
+    <div class="fr-skiplinks">
+      <nav class="fr-container" role="navigation" aria-label="Accès rapide">
+        <ul class="fr-skiplinks__list">
+          <li><a class="fr-link" href="#content">Aller au contenu</a></li>
+        </ul>
+      </nav>
+    </div>
     <%= render partial: 'shared/editor/header' %>
 
-    <div class="fr-container fr-mb-5w fr-mt-5w">
+    <main id="content" class="fr-container fr-mb-5w fr-mt-5w">
       <turbo-frame id="alerts">
         <%= render partial: 'shared/alerts' %>
       </turbo-frame>
 
       <%= yield %>
-    </div>
+    </main>
 
     <%= render partial: 'shared/modal' %>
   </body>
diff --git a/site/app/views/layouts/provider.html.erb b/site/app/views/layouts/provider.html.erb
index e72c3ece3..ff10ba20b 100644
--- a/site/app/views/layouts/provider.html.erb
+++ b/site/app/views/layouts/provider.html.erb
@@ -16,16 +16,23 @@
   </head>
 
   <body>
+    <div class="fr-skiplinks">
+      <nav class="fr-container" role="navigation" aria-label="Accès rapide">
+        <ul class="fr-skiplinks__list">
+          <li><a class="fr-link" href="#content">Aller au contenu</a></li>
+        </ul>
+      </nav>
+    </div>
     <%= render partial: 'shared/provider/header' %>
 
-    <div class="fr-container fr-mb-5w fr-mt-5w">
+    <main id="content" class="fr-container fr-mb-5w fr-mt-5w">
       <turbo-frame id="alerts">
         <%= render partial: 'shared/alerts' %>
       </turbo-frame>
 
       <%= yield %>
-    </div>
+    </main>
 
     <%= render partial: 'shared/modal' %>
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/site/app/views/shared/admin/_header.html.erb b/site/app/views/shared/admin/_header.html.erb
index 08657e035..3b6e9a6fa 100644
--- a/site/app/views/shared/admin/_header.html.erb
+++ b/site/app/views/shared/admin/_header.html.erb
@@ -21,9 +21,9 @@
           </div>
 
           <div class="fr-header__service">
-            <a href="/" title="Accueil - Admin API Entreculier">
+            <a href="/" title="Accueil - Admin API Entreprise / API Particulier">
               <p class="fr-header__service-title">
-                Admin - API Entreculier
+                Admin – API Entreprise / API Particulier
               </p>
               <p class="fr-header__service-tagline">
                 C'est ici la puissance

From bfa1bf0666a97855f015c310accedcb142a3a06f Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Tue, 30 Jun 2026 18:42:42 +0200
Subject: [PATCH 07/31] =?UTF-8?q?fix(a11y):=20layouts=20AE/AP=20=E2=80=94?=
 =?UTF-8?q?=20skip=20links,=20landmark=20<main>,=20content=5Ffor=20:title?=
 =?UTF-8?q?=20(NC=208.5,=209.2,=2012.1)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- layouts AE et AP : support content_for(:title) pour des titres de page dynamiques (NC 8.5)
- layouts AE et AP : ajout lien d'évitement DSFR href="#main-content" (NC 12.1)
- _containerized_body AE et AP : <div> → <main id="main-content"> (NC 9.2)
---
 .../views/layouts/api_entreprise/application.html.erb    | 9 ++++++++-
 .../views/layouts/api_particulier/application.html.erb   | 9 ++++++++-
 .../shared/api_entreprise/_containerized_body.html.erb   | 4 ++--
 .../shared/api_particulier/_containerized_body.html.erb  | 4 ++--
 4 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/site/app/views/layouts/api_entreprise/application.html.erb b/site/app/views/layouts/api_entreprise/application.html.erb
index b36c2d1d3..ac0a2b3de 100644
--- a/site/app/views/layouts/api_entreprise/application.html.erb
+++ b/site/app/views/layouts/api_entreprise/application.html.erb
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="fr" data-fr-scheme="light">
   <head>
-    <title><%= t('.title') %></title>
+    <title><%= content_for?(:title) ? "#{yield(:title)} — #{t('.title')}" : t('.title') %></title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <% unless Rails.env.production? %>
       <meta name="robots" content="noindex">
@@ -21,6 +21,13 @@
   </head>
 
   <body>
+    <div class="fr-skiplinks">
+      <nav class="fr-container" role="navigation" aria-label="Accès rapide">
+        <ul class="fr-skiplinks__list">
+          <li><a class="fr-link" href="#main-content">Aller au contenu</a></li>
+        </ul>
+      </nav>
+    </div>
     <%= render partial: 'shared/development_warning' %>
     <%= render partial: 'shared/impersonate' %>
     <%= render partial: 'shared/matomo' %>
diff --git a/site/app/views/layouts/api_particulier/application.html.erb b/site/app/views/layouts/api_particulier/application.html.erb
index b0ca08f12..136ac1c0b 100644
--- a/site/app/views/layouts/api_particulier/application.html.erb
+++ b/site/app/views/layouts/api_particulier/application.html.erb
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="fr" data-fr-scheme="light">
   <head>
-    <title><%= t('.title') %></title>
+    <title><%= content_for?(:title) ? "#{yield(:title)} — #{t('.title')}" : t('.title') %></title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <% unless Rails.env.production? %>
       <meta name="robots" content="noindex">
@@ -21,6 +21,13 @@
   </head>
 
   <body>
+    <div class="fr-skiplinks">
+      <nav class="fr-container" role="navigation" aria-label="Accès rapide">
+        <ul class="fr-skiplinks__list">
+          <li><a class="fr-link" href="#main-content">Aller au contenu</a></li>
+        </ul>
+      </nav>
+    </div>
     <%= render partial: 'shared/development_warning' %>
     <%= render partial: 'shared/impersonate' %>
     <%= render partial: 'shared/matomo' %>
diff --git a/site/app/views/shared/api_entreprise/_containerized_body.html.erb b/site/app/views/shared/api_entreprise/_containerized_body.html.erb
index ca23600be..593737e40 100644
--- a/site/app/views/shared/api_entreprise/_containerized_body.html.erb
+++ b/site/app/views/shared/api_entreprise/_containerized_body.html.erb
@@ -1,6 +1,6 @@
 <% container_class = action_name == 'redoc' ? 'fr-container-fluid' : 'fr-container' %>
 
-<div class="<%= container_class %> fr-mb-5w fr-mt-5w">
+<main id="main-content" class="<%= container_class %> fr-mb-5w fr-mt-5w">
   <turbo-frame id="alerts">
     <%= render partial: 'shared/alerts' %>
   </turbo-frame>
@@ -10,5 +10,5 @@
   <% else %>
     <%= yield %>
   <% end %>
-</div>
+</main>
 
diff --git a/site/app/views/shared/api_particulier/_containerized_body.html.erb b/site/app/views/shared/api_particulier/_containerized_body.html.erb
index 8dfe56b80..f188f9870 100644
--- a/site/app/views/shared/api_particulier/_containerized_body.html.erb
+++ b/site/app/views/shared/api_particulier/_containerized_body.html.erb
@@ -1,6 +1,6 @@
 <% container_class = action_name.include?('redoc') ? 'fr-container-fluid' : 'fr-container' %>
 
-<div class="<%= container_class %> fr-mb-5w fr-mt-5w">
+<main id="main-content" class="<%= container_class %> fr-mb-5w fr-mt-5w">
   <turbo-frame id="alerts">
     <%= render partial: 'shared/alerts' %>
   </turbo-frame>
@@ -10,4 +10,4 @@
   <% else %>
     <%= yield %>
   <% end %>
-</div>
+</main>

From df191b308584afe11097c82234414b3588df0ead Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Tue, 30 Jun 2026 18:42:51 +0200
Subject: [PATCH 08/31] =?UTF-8?q?fix(a11y):=20images=20d=C3=A9coratives,?=
 =?UTF-8?q?=20loader,=20impersonate,=20section=20acc=C3=A8s=20(NC=201.1,?=
 =?UTF-8?q?=201.2,=207.5,=209.1)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- _modal: image loading.gif alt="" (NC 1.1)
- _loader: alt="" + role="status" + fr-sr-only "Chargement en cours" (NC 1.1, 7.5)
- _impersonate: role="alert" sur la div d'avertissement (NC 7.5)
- section_access AE/AP: pictogrammes SVG alt="" (redondants avec le texte) (NC 1.2)
  et h4 → h3 pour la colonne droite (NC 9.1)
- section_developers AE: aria-live="polite" sur le badge Hyperping (NC 7.5)

Partially solves API-6954, API-6955
---
 .../pages/home/_section_access.html.erb          | 16 ++++++++--------
 .../pages/home/_section_developers.html.erb      |  2 +-
 .../pages/home/_section_access.html.erb          | 16 ++++++++--------
 site/app/views/shared/_impersonate.html.erb      |  2 +-
 site/app/views/shared/_loader.html.erb           |  5 +++--
 site/app/views/shared/_modal.html.erb            |  2 +-
 6 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/site/app/views/api_entreprise/pages/home/_section_access.html.erb b/site/app/views/api_entreprise/pages/home/_section_access.html.erb
index 987b0c8ad..33e1f6e02 100644
--- a/site/app/views/api_entreprise/pages/home/_section_access.html.erb
+++ b/site/app/views/api_entreprise/pages/home/_section_access.html.erb
@@ -10,7 +10,7 @@
           <%= t('.link_faq') %>&nbsp;<span class="" aria-hidden="true"></span>
         <% end %>
         <div class="info fr-mb-3w fr-mt-5w">
-          <%= image_tag("api_entreprise/home/pictos/donnees-certifiees.svg", class: %w(info--icon fr-icon--huge), alt: 'Pictogramme données certifiées') %>
+          <%= image_tag("api_entreprise/home/pictos/donnees-certifiees.svg", class: %w(info--icon fr-icon--huge), alt: '') %>
           <div class="info--text">
             <h3 class="fr-h6 fr-mb-1w"><%= t('.info_data_title') %></h3>
             <p class="fr-text--alt fr-text--lg">
@@ -18,7 +18,7 @@
           </div>
         </div>
         <div class="info fr-mb-3w">
-          <%= image_tag("api_entreprise/home/pictos/fournisseur-donnees.svg", class: %w(info--icon fr-icon--huge), alt: 'Pictogramme fournisseurs de données regroupés') %>
+          <%= image_tag("api_entreprise/home/pictos/fournisseur-donnees.svg", class: %w(info--icon fr-icon--huge), alt: '') %>
           <div class="info--text">
             <h3 class="fr-h6 fr-mb-1w"><%= t('.info_provider_title') %></h3>
             <p class="fr-text--alt fr-text--lg">
@@ -26,7 +26,7 @@
           </div>
         </div>
         <div class="info fr-mb-3w">
-          <%= image_tag("api_entreprise/home/pictos/un-seul-compte.svg", class: %w(info--icon fr-icon--huge), alt: 'Pictogramme un seul accès') %>
+          <%= image_tag("api_entreprise/home/pictos/un-seul-compte.svg", class: %w(info--icon fr-icon--huge), alt: '') %>
           <div class="info--text">
             <h3 class="fr-h6 fr-mb-1w"><%= t('.info_account_title') %></h3>
             <p class="fr-text--alt fr-text--lg">
@@ -34,7 +34,7 @@
           </div>
         </div>
         <div class="info fr-mb-3w">
-          <%= image_tag("api_entreprise/home/pictos/interfacage.svg", class: %w(info--icon fr-icon--huge), alt: 'Pictogramme un seul interfaçage') %>
+          <%= image_tag("api_entreprise/home/pictos/interfacage.svg", class: %w(info--icon fr-icon--huge), alt: '') %>
           <div class="info--text">
             <h3 class="fr-h6 fr-mb-1w"><%= t('.info_technical_title') %></h3>
             <p class="fr-text--alt fr-text--lg">
@@ -48,9 +48,9 @@
           <div class="fr-card fr-m-5v fr-enlarge-link fr-col-11">
             <div class="fr-card__body">
               <div class="fr-card__content">
-                <h4 class="fr-card__title">
+                <h3 class="fr-card__title">
                   <%= link_to t('.card_documentation_title'), endpoints_path %>
-                </h4>
+                </h3>
                 <p class="fr-card__desc"><%= t('.card_documentation_description').html_safe %></p>
               </div>
             </div>
@@ -59,9 +59,9 @@
           <div class="fr-card fr-m-5v fr-enlarge-link fr-col-11">
             <div class="fr-card__body">
               <div class="fr-card__content">
-                <h4 class="fr-card__title">
+                <h3 class="fr-card__title">
                   <%= link_to t('.card_developers_title'), developers_path %>
-                </h4>
+                </h3>
                 <p class="fr-card__desc"><%= t('.card_developers_description').html_safe %></p>
               </div>
             </div>
diff --git a/site/app/views/api_entreprise/pages/home/_section_developers.html.erb b/site/app/views/api_entreprise/pages/home/_section_developers.html.erb
index 40577c52b..ea4e0873a 100644
--- a/site/app/views/api_entreprise/pages/home/_section_developers.html.erb
+++ b/site/app/views/api_entreprise/pages/home/_section_developers.html.erb
@@ -46,7 +46,7 @@
             <h3 class="fr-h4 fr-card__title">
               <a href="https://status.entreprise.api.gouv.fr/"><%= t('.status_link') %></a>
             </h3>
-            <div class="fr-card__desc" id="hyperping-badge"></div>
+            <div class="fr-card__desc" id="hyperping-badge" aria-live="polite"></div>
             <script src="https://hyperping.io/badge.js" async></script>
             <script>
               window.onload = function () {
diff --git a/site/app/views/api_particulier/pages/home/_section_access.html.erb b/site/app/views/api_particulier/pages/home/_section_access.html.erb
index 8e9433dce..6f3155a26 100644
--- a/site/app/views/api_particulier/pages/home/_section_access.html.erb
+++ b/site/app/views/api_particulier/pages/home/_section_access.html.erb
@@ -10,7 +10,7 @@
           <%= t('.link_faq') %>&nbsp;<span class="" aria-hidden="true"></span>
         <% end %>
         <div class="info fr-mb-3w fr-mt-5w">
-          <%= image_tag("api_entreprise/home/pictos/donnees-certifiees.svg", class: %w(info--icon fr-icon--huge), alt: 'Pictogramme données certifiées') %>
+          <%= image_tag("api_entreprise/home/pictos/donnees-certifiees.svg", class: %w(info--icon fr-icon--huge), alt: '') %>
           <div class="info--text">
             <h3 class="fr-h6 fr-mb-1w"><%= t('.info_data_title') %></h3>
             <p class="fr-text--alt fr-text--lg">
@@ -18,7 +18,7 @@
           </div>
         </div>
         <div class="info fr-mb-3w">
-          <%= image_tag("api_entreprise/home/pictos/fournisseur-donnees.svg", class: %w(info--icon fr-icon--huge), alt: 'Pictogramme fournisseurs de données regroupés') %>
+          <%= image_tag("api_entreprise/home/pictos/fournisseur-donnees.svg", class: %w(info--icon fr-icon--huge), alt: '') %>
           <div class="info--text">
             <h3 class="fr-h6 fr-mb-1w"><%= t('.info_provider_title') %></h3>
             <p class="fr-text--alt fr-text--lg">
@@ -26,7 +26,7 @@
           </div>
         </div>
         <div class="info fr-mb-3w">
-          <%= image_tag("api_entreprise/home/pictos/un-seul-compte.svg", class: %w(info--icon fr-icon--huge), alt: 'Pictogramme un seul accès') %>
+          <%= image_tag("api_entreprise/home/pictos/un-seul-compte.svg", class: %w(info--icon fr-icon--huge), alt: '') %>
           <div class="info--text">
             <h3 class="fr-h6 fr-mb-1w"><%= t('.info_account_title') %></h3>
             <p class="fr-text--alt fr-text--lg">
@@ -34,7 +34,7 @@
           </div>
         </div>
         <div class="info fr-mb-3w">
-          <%= image_tag("api_entreprise/home/pictos/interfacage.svg", class: %w(info--icon fr-icon--huge), alt: 'Pictogramme un seul interfaçage') %>
+          <%= image_tag("api_entreprise/home/pictos/interfacage.svg", class: %w(info--icon fr-icon--huge), alt: '') %>
           <div class="info--text">
             <h3 class="fr-h6 fr-mb-1w"><%= t('.info_technical_title') %></h3>
             <p class="fr-text--alt fr-text--lg">
@@ -48,9 +48,9 @@
           <div class="fr-card fr-m-5v fr-enlarge-link fr-col-11">
             <div class="fr-card__body">
               <div class="fr-card__content">
-                <h4 class="fr-card__title">
+                <h3 class="fr-card__title">
                   <%= link_to t('.card_documentation_title'), endpoints_path %>
-                </h4>
+                </h3>
                 <p class="fr-card__desc"><%= t('.card_documentation_description').html_safe %></p>
               </div>
             </div>
@@ -59,9 +59,9 @@
           <div class="fr-card fr-m-5v fr-enlarge-link fr-col-11">
             <div class="fr-card__body">
               <div class="fr-card__content">
-                <h4 class="fr-card__title">
+                <h3 class="fr-card__title">
                   <%= link_to t('.card_developers_title'), developers_path %>
-                </h4>
+                </h3>
                 <p class="fr-card__desc"><%= t('.card_developers_description').html_safe %></p>
               </div>
             </div>
diff --git a/site/app/views/shared/_impersonate.html.erb b/site/app/views/shared/_impersonate.html.erb
index 8a9a953fa..0591f45af 100644
--- a/site/app/views/shared/_impersonate.html.erb
+++ b/site/app/views/shared/_impersonate.html.erb
@@ -1,5 +1,5 @@
 <% if current_user != true_user %>
-  <div id="impersonate_warning" class="fr-alert fr-alert--warning">
+  <div id="impersonate_warning" class="fr-alert fr-alert--warning" role="alert">
     <div class="fr-alert__body">
       Vous (<%= true_user.email %>) êtes connecté en tant que <%= current_user.email %>
 
diff --git a/site/app/views/shared/_loader.html.erb b/site/app/views/shared/_loader.html.erb
index af44c801d..af5f3eeac 100644
--- a/site/app/views/shared/_loader.html.erb
+++ b/site/app/views/shared/_loader.html.erb
@@ -1,3 +1,4 @@
-<div class="loader">
-  <%= image_tag('loading.gif') %>
+<div class="loader" role="status">
+  <%= image_tag('loading.gif', alt: '') %>
+  <span class="fr-sr-only">Chargement en cours</span>
 </div>
diff --git a/site/app/views/shared/_modal.html.erb b/site/app/views/shared/_modal.html.erb
index b59c64bb8..e5323fa69 100644
--- a/site/app/views/shared/_modal.html.erb
+++ b/site/app/views/shared/_modal.html.erb
@@ -8,7 +8,7 @@
           </div>
 
           <turbo-frame id="main-modal-content">
-            <%= image_tag('loading.gif', class: 'loading-gif') %>
+            <%= image_tag('loading.gif', alt: '', class: 'loading-gif') %>
           </turbo-frame>
         </div>
       </div>

From 9aaac3b68f2757f1f287f15d64f6b5e088622676 Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Tue, 30 Jun 2026 18:43:02 +0200
Subject: [PATCH 09/31] =?UTF-8?q?fix(a11y):=20liens=20nouvelle=20fen=C3=AA?=
 =?UTF-8?q?tre=20=E2=80=94=20navigation,=20footer,=20home=20(NC=2013.2)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- footers AE/AP: fr-sr-only "(nouvelle fenêtre)" sur le lien licence etalab
- menus AE/AP: fr-sr-only sur le lien "Demander un accès" (DataPass)
- header tools AE/AP: fr-sr-only sur le lien page de statut
- section_howto AE: fr-sr-only sur les liens DataPass et annuaire-entreprises
- section_partners AE/AP: suppression target="_blank" sur routes internes
- section_demonstrateur AP: link_to bloc avec fr-sr-only
- locales AE/AP: fr-sr-only injecté dans les liens simplifions.data.gouv.fr en YAML

Partially solves API-6952
---
 .../views/api_entreprise/pages/home/_section_howto.html.erb   | 4 ++--
 .../api_entreprise/pages/home/_section_partners.html.erb      | 2 +-
 .../pages/home/_section_demonstrateur.html.erb                | 4 +++-
 .../api_particulier/pages/home/_section_partners.html.erb     | 2 +-
 site/app/views/shared/api_entreprise/_footer.html.erb         | 2 +-
 site/app/views/shared/api_entreprise/header/_menu.html.erb    | 2 +-
 site/app/views/shared/api_entreprise/header/_tools.html.erb   | 2 +-
 site/app/views/shared/api_particulier/_footer.html.erb        | 2 +-
 site/app/views/shared/api_particulier/header/_menu.html.erb   | 2 +-
 site/app/views/shared/api_particulier/header/_tools.html.erb  | 2 +-
 site/config/locales/api_entreprise/fr.yml                     | 2 +-
 site/config/locales/api_particulier/fr.yml                    | 2 +-
 12 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/site/app/views/api_entreprise/pages/home/_section_howto.html.erb b/site/app/views/api_entreprise/pages/home/_section_howto.html.erb
index fa5f25ef6..18dc0bcf3 100644
--- a/site/app/views/api_entreprise/pages/home/_section_howto.html.erb
+++ b/site/app/views/api_entreprise/pages/home/_section_howto.html.erb
@@ -5,7 +5,7 @@
         <div class="left-info--text">
           <h2 class="fr-h3"><%= t('.title') %></h2>
           <p class="fr-text--lg"><%= t('.description').html_safe %></p>
-          <a href="https://datapass.api.gouv.fr/demandes/api-entreprise/nouveau" class="fr-link" target="_blank" rel="noopener"><%= t('.check_eligibity') %></a>
+          <a href="https://datapass.api.gouv.fr/demandes/api-entreprise/nouveau" class="fr-link" target="_blank" rel="noopener"><%= t('.check_eligibity') %><span class="fr-sr-only"> (nouvelle fenêtre)</span></a>
         </div>
 
         <div class="left-info--cards fr-col-12 fr-grid-row">
@@ -24,7 +24,7 @@
             <div class="fr-card__body">
               <div class="fr-card__content">
                 <h3 class="fr-h4 fr-card__title">
-                  <a href="https://annuaire-entreprises.data.gouv.fr/" target="_blank" rel="noopener"><%= t('.annuaire_data_link') %></a>
+                  <a href="https://annuaire-entreprises.data.gouv.fr/" target="_blank" rel="noopener"><%= t('.annuaire_data_link') %><span class="fr-sr-only"> (nouvelle fenêtre)</span></a>
                 </h3>
                 <p class="fr-card__desc"><%= t('.annuaire_data_description').html_safe %></p>
               </div>
diff --git a/site/app/views/api_entreprise/pages/home/_section_partners.html.erb b/site/app/views/api_entreprise/pages/home/_section_partners.html.erb
index 902ceb67b..722eb5f4b 100644
--- a/site/app/views/api_entreprise/pages/home/_section_partners.html.erb
+++ b/site/app/views/api_entreprise/pages/home/_section_partners.html.erb
@@ -6,7 +6,7 @@
 
       <div class="providers">
         <% @providers.each do |provider| %>
-          <a href="<%= endpoints_path(provider) %>" id="link_<%= provider.uid %>" target="_blank" class="card-provider fr-m-2v fr-pt-2w fr-pr-2w fr-pl-2w">
+          <a href="<%= endpoints_path(provider) %>" id="link_<%= provider.uid %>" class="card-provider fr-m-2v fr-pt-2w fr-pr-2w fr-pl-2w">
             <%= image_tag(provider.image_path, alt: "Logo fournisseur de données - #{provider.name}") %>
           </a>
         <% end %>
diff --git a/site/app/views/api_particulier/pages/home/_section_demonstrateur.html.erb b/site/app/views/api_particulier/pages/home/_section_demonstrateur.html.erb
index e679f5493..defeb23ff 100644
--- a/site/app/views/api_particulier/pages/home/_section_demonstrateur.html.erb
+++ b/site/app/views/api_particulier/pages/home/_section_demonstrateur.html.erb
@@ -5,7 +5,9 @@
       <p class="fr-col-12 fr-text--lead"><%= t('.demo_description') %></p>
     </div>
     <div>
-     <%= link_to t('.demo_link_title'), t('.demo_link'), class: %w[fr-btn fr-btn--lg fr-m-1w], target: '_blank' %>
+     <%= link_to t('.demo_link'), class: %w[fr-btn fr-btn--lg fr-m-1w], target: '_blank', rel: 'noopener noreferrer' do %>
+       <%= t('.demo_link_title') %><span class="fr-sr-only"> (nouvelle fenêtre)</span>
+     <% end %>
     </div>
   </div>
 </section>
\ No newline at end of file
diff --git a/site/app/views/api_particulier/pages/home/_section_partners.html.erb b/site/app/views/api_particulier/pages/home/_section_partners.html.erb
index 61d2cd304..b64f43e2d 100644
--- a/site/app/views/api_particulier/pages/home/_section_partners.html.erb
+++ b/site/app/views/api_particulier/pages/home/_section_partners.html.erb
@@ -10,7 +10,7 @@
 
       <div class="providers">
         <% @providers.each do |provider| %>
-          <a href="<%= endpoints_path(provider) %>" target="_blank" class="card-provider fr-m-2v fr-pt-2w fr-pr-2w fr-pl-2w">
+          <a href="<%= endpoints_path(provider) %>" class="card-provider fr-m-2v fr-pt-2w fr-pr-2w fr-pl-2w">
             <%= image_tag(provider.image_path, alt: "Logo fournisseur de données - #{provider.name}") %>
           </a>
         <% end %>
diff --git a/site/app/views/shared/api_entreprise/_footer.html.erb b/site/app/views/shared/api_entreprise/_footer.html.erb
index cd9e8c3e4..225f99453 100644
--- a/site/app/views/shared/api_entreprise/_footer.html.erb
+++ b/site/app/views/shared/api_entreprise/_footer.html.erb
@@ -53,7 +53,7 @@
       </ul>
       <div class="fr-footer__bottom-copy">
         <p>
-        Sauf mention contraire, tous les textes de ce site sont sous <a href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" target="_blank">licence etalab-2.0</a>
+        Sauf mention contraire, tous les textes de ce site sont sous <a href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" target="_blank">licence etalab-2.0<span class="fr-sr-only"> (nouvelle fenêtre)</span></a>
         </p>
       </div>
     </div>
diff --git a/site/app/views/shared/api_entreprise/header/_menu.html.erb b/site/app/views/shared/api_entreprise/header/_menu.html.erb
index b76baaef3..a25bf64fc 100644
--- a/site/app/views/shared/api_entreprise/header/_menu.html.erb
+++ b/site/app/views/shared/api_entreprise/header/_menu.html.erb
@@ -59,7 +59,7 @@
 
           <li class="ask-access-link fr-nav__item">
             <a class="fr-nav__link center" href="https://datapass.api.gouv.fr/demandes/api-entreprise/nouveau" target="_blank">
-              <%= t('.ask_access').html_safe %>
+              <%= t('.ask_access').html_safe %><span class="fr-sr-only"> (nouvelle fenêtre)</span>
             </a>
           </li>
         </ul>
diff --git a/site/app/views/shared/api_entreprise/header/_tools.html.erb b/site/app/views/shared/api_entreprise/header/_tools.html.erb
index 1b52b0c50..e055baa72 100644
--- a/site/app/views/shared/api_entreprise/header/_tools.html.erb
+++ b/site/app/views/shared/api_entreprise/header/_tools.html.erb
@@ -8,7 +8,7 @@
     <li>
       <turbo-frame id="current_status" style="display: inherit;" src="<%= current_status_path %>">
         <a class="fr-link" href="https://status.entreprise.api.gouv.fr" title="API Entreprise Status Page" target="_blank">
-          <span class="circle circle-undefined fr-mr-1w"></span> <%= t('shared.pages.current_status.title') %>
+          <span class="circle circle-undefined fr-mr-1w"></span> <%= t('shared.pages.current_status.title') %><span class="fr-sr-only"> (nouvelle fenêtre)</span>
         </a>
       </turbo-frame>
       <span class="fr-header-separator"></span>
diff --git a/site/app/views/shared/api_particulier/_footer.html.erb b/site/app/views/shared/api_particulier/_footer.html.erb
index 86ea70a30..8d27f436f 100644
--- a/site/app/views/shared/api_particulier/_footer.html.erb
+++ b/site/app/views/shared/api_particulier/_footer.html.erb
@@ -53,7 +53,7 @@
       </ul>
       <div class="fr-footer__bottom-copy">
         <p>
-        Sauf mention contraire, tous les textes de ce site sont sous <a href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" target="_blank">licence etalab-2.0</a>
+        Sauf mention contraire, tous les textes de ce site sont sous <a href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" target="_blank">licence etalab-2.0<span class="fr-sr-only"> (nouvelle fenêtre)</span></a>
         </p>
       </div>
     </div>
diff --git a/site/app/views/shared/api_particulier/header/_menu.html.erb b/site/app/views/shared/api_particulier/header/_menu.html.erb
index d48e7b7d7..828de6eda 100644
--- a/site/app/views/shared/api_particulier/header/_menu.html.erb
+++ b/site/app/views/shared/api_particulier/header/_menu.html.erb
@@ -57,7 +57,7 @@
 
         <li class="ask-access-link fr-nav__item">
           <a class="fr-nav__link center" href="https://datapass.api.gouv.fr/api-particulier" target="_blank">
-            <%= t('.ask_access').html_safe %>
+            <%= t('.ask_access').html_safe %><span class="fr-sr-only"> (nouvelle fenêtre)</span>
           </a>
         </li>
       </ul>
diff --git a/site/app/views/shared/api_particulier/header/_tools.html.erb b/site/app/views/shared/api_particulier/header/_tools.html.erb
index 20d9168c3..70fd312e5 100644
--- a/site/app/views/shared/api_particulier/header/_tools.html.erb
+++ b/site/app/views/shared/api_particulier/header/_tools.html.erb
@@ -8,7 +8,7 @@
     <li>
       <turbo-frame id="current_status" style="display: inherit;" src="<%= api_particulier_current_status_path %>">
         <a class="fr-link" href="https://status.particulier.api.gouv.fr" title="API Particulier Status Page" target="_blank">
-          <span class="circle circle-undefined fr-mr-1w"></span> <%= t('shared.pages.current_status.title') %>
+          <span class="circle circle-undefined fr-mr-1w"></span> <%= t('shared.pages.current_status.title') %><span class="fr-sr-only"> (nouvelle fenêtre)</span>
         </a>
       </turbo-frame>
       <span class="fr-header-separator"></span>
diff --git a/site/config/locales/api_entreprise/fr.yml b/site/config/locales/api_entreprise/fr.yml
index f88dae718..e36bbe1a7 100644
--- a/site/config/locales/api_entreprise/fr.yml
+++ b/site/config/locales/api_entreprise/fr.yml
@@ -327,7 +327,7 @@ fr:
         description: "Consultez les <strong>fiches pratiques des cas d’utilisation</strong> de l’API Entreprise.<br>Retrouvez, entre autres, les <strong>données utiles</strong> pour les cas d’usages."
         simplifions:
           title: "Cas d’usages"
-          description: "L’API Entreprise est utile pour les cas d’usages suivants, référencés dans <a href=\"https://simplifions.data.gouv.fr/solutions/bouquet-api-entreprise#cas-usages-simplifiables\" target=\"_blank\" rel=\"noopener noreferrer\">simplifions.data.gouv.fr</a> :"
+          description: "L’API Entreprise est utile pour les cas d’usages suivants, référencés dans <a href=\"https://simplifions.data.gouv.fr/solutions/bouquet-api-entreprise#cas-usages-simplifiables\" target=\"_blank\" rel=\"noopener noreferrer\">simplifions.data.gouv.fr<span class=\"fr-sr-only\"> (nouvelle fenêtre)</span></a> :"
         internal:
           title: "Fiches pratiques"
         cards:
diff --git a/site/config/locales/api_particulier/fr.yml b/site/config/locales/api_particulier/fr.yml
index 8bbe404ac..ab9c93b59 100644
--- a/site/config/locales/api_particulier/fr.yml
+++ b/site/config/locales/api_particulier/fr.yml
@@ -209,7 +209,7 @@ fr:
         description: "Consultez les <strong>fiches pratiques des cas d’usages & les guides des modalités d’appel</strong> de l’API Particulier"
         simplifions:
           title: "Cas d’usages"
-          description: "L’API Particulier est utile pour les cas d’usages suivants, référencés dans <a href=\"https://simplifions.data.gouv.fr/solutions/bouquet-api-particulier#cas-usages-simplifiables\" target=\"_blank\" rel=\"noopener noreferrer\">simplifions.data.gouv.fr</a> :"
+          description: "L’API Particulier est utile pour les cas d’usages suivants, référencés dans <a href=\"https://simplifions.data.gouv.fr/solutions/bouquet-api-particulier#cas-usages-simplifiables\" target=\"_blank\" rel=\"noopener noreferrer\">simplifions.data.gouv.fr<span class=\"fr-sr-only\"> (nouvelle fenêtre)</span></a> :"
         internal:
           title: "Fiches pratiques"
         cards:

From 0e809464b6b5a24c2e8e493cd14411757793782c Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Tue, 30 Jun 2026 18:43:13 +0200
Subject: [PATCH 10/31] =?UTF-8?q?fix(a11y):=20endpoints=20=E2=80=94=20lien?=
 =?UTF-8?q?=20vide,=20aria-live,=20titres=20page,=20alt,=20liens=20externe?=
 =?UTF-8?q?=20(NC=201.2,=203.1,=206.1,=207.5,=208.5,=209.1,=209.3,=2013.2)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- status.html.erb: lien <a> vide → aria-label statut + fr-sr-only (NC 6.1, 13.2)
  cercle CSS-only → aria-hidden + texte sr-only (NC 3.1)
- index AE/AP: content_for :title (NC 8.5) + aria-live sur div "Aucun résultat" (NC 7.5)
- show AE/AP: content_for :title (NC 8.5) + <h3 fr-alert__title> → <p> (NC 9.1)
- _details AE: divs format/paramètres → <ul><li> (NC 9.3) + fr-sr-only liens status/tests (NC 13.2)
- _details AP: fr-sr-only sur liens externes + alt="" sur pictogramme FranceConnect (NC 1.2, 13.2)
- _property.html.erb: auto_link avec fr-sr-only sur les liens auto-détectés (NC 13.2)
- _use_cases.html.erb: fr-sr-only sur les liens "Voir en détail" (NC 13.2)

Partially solves API-6952
---
 .../endpoints/_details.html.erb               | 26 ++++++++++---------
 .../api_entreprise/endpoints/index.html.erb   |  3 ++-
 .../api_entreprise/endpoints/show.html.erb    |  5 ++--
 .../endpoints/_details.html.erb               |  8 +++---
 .../api_particulier/endpoints/index.html.erb  |  3 ++-
 .../api_particulier/endpoints/show.html.erb   |  5 ++--
 .../views/shared/endpoints/_property.html.erb |  2 +-
 .../shared/endpoints/_use_cases.html.erb      |  4 +--
 .../views/shared/endpoints/status.html.erb    |  7 ++++-
 9 files changed, 38 insertions(+), 25 deletions(-)

diff --git a/site/app/views/api_entreprise/endpoints/_details.html.erb b/site/app/views/api_entreprise/endpoints/_details.html.erb
index 419e51410..2e5e7afb6 100644
--- a/site/app/views/api_entreprise/endpoints/_details.html.erb
+++ b/site/app/views/api_entreprise/endpoints/_details.html.erb
@@ -9,21 +9,21 @@
     <%= t('.format.title') %>
   </h3>
 
-  <% @endpoint.format.each do |format| %>
-    <div>
-      <%= format %>
-    </div>
-  <% end %>
+  <ul>
+    <% @endpoint.format.each do |format| %>
+      <li><%= format %></li>
+    <% end %>
+  </ul>
 
   <h3 class="fr-h6 fr-pt-2w fr-mb-1v">
     <%= t('.parameters.title', count: @endpoint.parameters.count) %>
   </h3>
 
-  <% @endpoint.parameters.each do |parameter| %>
-    <div>
-      <%= parameter %>
-    </div>
-  <% end %>
+  <ul>
+    <% @endpoint.parameters.each do |parameter| %>
+      <li><%= parameter %></li>
+    <% end %>
+  </ul>
 
   <h3 class="fr-h6 fr-pt-2w fr-mb-1v">
     <%= t('.availability.title') %>
@@ -31,8 +31,9 @@
   <turbo-frame id="endpoint_status" src="<%= endpoint_status_path(uid: @endpoint.uid) %>">
     <div class="fr-pb-1w" style="color: grey;">Loading...</div>
   </turbo-frame>
-  <a class="fr-link" title="API Entreprise Status Page" href="https://status.entreprise.api.gouv.fr" target="_blank">
+  <a class="fr-link" title="API Entreprise Status Page" href="https://status.entreprise.api.gouv.fr" target="_blank" rel="noopener noreferrer">
     <%= t('.availability.link') %>
+    <span class="fr-sr-only">(ouvre une nouvelle fenêtre)</span>
   </a>
   <div class="fr-pt-1w">
     <% if @endpoint.maintenances.present? %>
@@ -65,8 +66,9 @@
 
     <%= link_to t('.technical_specifications.cta'), developers_openapi_path(anchor: @endpoint.redoc_anchor), data: { turbo: false }, class: %(fr-btn fr-btn--icon-right fr-icon-arrow-right-line) %>
 
-    <a href="<%= @endpoint.test_cases_external_url %>" target="_blank" class="fr-btn fr-btn--secondary fr-mt-2w">
+    <a href="<%= @endpoint.test_cases_external_url %>" target="_blank" rel="noopener noreferrer" class="fr-btn fr-btn--secondary fr-mt-2w">
       <%= t('.test_cases') %>
+      <span class="fr-sr-only">(ouvre une nouvelle fenêtre)</span>
     </a>
   <% end %>
 
diff --git a/site/app/views/api_entreprise/endpoints/index.html.erb b/site/app/views/api_entreprise/endpoints/index.html.erb
index b415c9544..2cbd16832 100644
--- a/site/app/views/api_entreprise/endpoints/index.html.erb
+++ b/site/app/views/api_entreprise/endpoints/index.html.erb
@@ -1,3 +1,4 @@
+<% content_for :title, t('.title') %>
 <div id="catalogue" class="fr-mb-1v" data-controller="search-catalogue">
   <div class="banner-container">
     <div class="fr-container">
@@ -41,7 +42,7 @@
           <%= render @endpoints %>
         </div>
 
-        <div class="fr-alert fr-alert--info fr-mt-4v" data-search-catalogue-target="noResults" style="display: none;">
+        <div class="fr-alert fr-alert--info fr-mt-4v" data-search-catalogue-target="noResults" aria-live="polite" aria-atomic="true" style="display: none;">
           <p><%= t('.search.no_results') %></p>
         </div>
       </div>
diff --git a/site/app/views/api_entreprise/endpoints/show.html.erb b/site/app/views/api_entreprise/endpoints/show.html.erb
index a2a240a06..e5a6548c9 100644
--- a/site/app/views/api_entreprise/endpoints/show.html.erb
+++ b/site/app/views/api_entreprise/endpoints/show.html.erb
@@ -1,3 +1,4 @@
+<% content_for :title, @endpoint.title %>
 <% layout_main_bloc = 8 %>
 <article id="<%= dom_id(@endpoint) %>" class="endpoint">
   <h1>
@@ -104,9 +105,9 @@
       <% if @endpoint.alert.present? %>
         <div class="fr-mt-4w fr-mb-4w">
           <div class="fr-alert fr-alert--warning fr-mb-2w">
-            <h3 class="fr-alert__title">
+            <p class="fr-alert__title">
               <%= raw @endpoint.alert['title'] %>
-            </h3>
+            </p>
             <p>
               <%= markdown_to_html(@endpoint.alert['description']) %>
             </p>
diff --git a/site/app/views/api_particulier/endpoints/_details.html.erb b/site/app/views/api_particulier/endpoints/_details.html.erb
index 09aaadb35..4b887f115 100644
--- a/site/app/views/api_particulier/endpoints/_details.html.erb
+++ b/site/app/views/api_particulier/endpoints/_details.html.erb
@@ -23,7 +23,7 @@
       <span class="fr-grid-row">
         <%= parameter %>
         <% if parameter == "FranceConnect" %>
-          <%= image_tag("api_particulier/cas_usages/pictos/modalite_appel_france_connect.svg", size: '25x25', alt: 'Pictogramme fournisseurs de données regroupés', class: %w(fr-ml-1w))%>
+          <%= image_tag("api_particulier/cas_usages/pictos/modalite_appel_france_connect.svg", size: '25x25', alt: '', class: %w(fr-ml-1w))%>
         <% end %>
       </span>
     </li>
@@ -41,8 +41,9 @@
   <turbo-frame id="endpoint_status" src="<%= api_particulier_endpoint_status_path(uid: @endpoint.uid) %>">
     <div class="fr-pb-1w" style="color: grey;">Loading...</div>
   </turbo-frame>
-  <a class="fr-pt-1v fr-link" title="API Particulier Status Page" href="https://status.particulier.api.gouv.fr" target="_blank">
+  <a class="fr-pt-1v fr-link" title="API Particulier Status Page" href="https://status.particulier.api.gouv.fr" target="_blank" rel="noopener noreferrer">
     <%= t('.availability.link') %>
+    <span class="fr-sr-only">(ouvre une nouvelle fenêtre)</span>
   </a>
   <div class="fr-pt-1w">
     <% if @endpoint.maintenances.present? %>
@@ -82,8 +83,9 @@
   <% else %>
     <%= link_to t('.technical_specifications.cta'), developers_openapi_path(anchor: @endpoint.redoc_anchor), data: { turbo: false }, class: %(fr-btn fr-btn--icon-right fr-icon-arrow-right-line) %>
 
-    <a href="<%= @endpoint.test_cases_external_url %>" target="_blank" class="fr-btn fr-btn--secondary fr-mt-2w">
+    <a href="<%= @endpoint.test_cases_external_url %>" target="_blank" rel="noopener noreferrer" class="fr-btn fr-btn--secondary fr-mt-2w">
       <%= t('.test_cases') %>
+      <span class="fr-sr-only">(ouvre une nouvelle fenêtre)</span>
     </a>
   <% end %>
 </div>
diff --git a/site/app/views/api_particulier/endpoints/index.html.erb b/site/app/views/api_particulier/endpoints/index.html.erb
index 3cb17469a..a8d54f88d 100644
--- a/site/app/views/api_particulier/endpoints/index.html.erb
+++ b/site/app/views/api_particulier/endpoints/index.html.erb
@@ -1,3 +1,4 @@
+<% content_for :title, t('.title') %>
 <div id="catalogue" class="fr-mb-1v" data-controller="search-catalogue">
   <div class="banner-container">
     <div class="fr-container">
@@ -41,7 +42,7 @@
           <%= render @endpoints %>
         </div>
 
-        <div class="fr-alert fr-alert--info fr-mt-4v" data-search-catalogue-target="noResults" style="display: none;">
+        <div class="fr-alert fr-alert--info fr-mt-4v" data-search-catalogue-target="noResults" aria-live="polite" aria-atomic="true" style="display: none;">
           <p><%= t('.search.no_results') %></p>
         </div>
       </div>
diff --git a/site/app/views/api_particulier/endpoints/show.html.erb b/site/app/views/api_particulier/endpoints/show.html.erb
index 0dcf2d794..26e91fd98 100644
--- a/site/app/views/api_particulier/endpoints/show.html.erb
+++ b/site/app/views/api_particulier/endpoints/show.html.erb
@@ -1,3 +1,4 @@
+<% content_for :title, @endpoint.title %>
 <% layout_main_bloc = 8 %>
 <article id="<%= dom_id(@endpoint) %>" class="endpoint">
   <h1>
@@ -102,9 +103,9 @@
       <% if @endpoint.alert.present? %>
         <div class="fr-mt-4w fr-mb-4w">
           <div class="fr-alert fr-alert--warning fr-mb-2w">
-            <h3 class="fr-alert__title">
+            <p class="fr-alert__title">
               <%= raw @endpoint.alert['title'] %>
-            </h3>
+            </p>
             <p>
               <%= markdown_to_html(@endpoint.alert['description']) %>
             </p>
diff --git a/site/app/views/shared/endpoints/_property.html.erb b/site/app/views/shared/endpoints/_property.html.erb
index 87066a965..ad332a6e0 100644
--- a/site/app/views/shared/endpoints/_property.html.erb
+++ b/site/app/views/shared/endpoints/_property.html.erb
@@ -23,7 +23,7 @@
   <div class="fr-pl-2w">
     <% if properties['description'] %>
       <div class="description fr-highlight--beige-gris-galet fr-text--sm fr-pl-2w">
-        <%= simple_format(auto_link(properties['description'], target: '_blank'), {}, wrapper_tag: 'div') %>
+        <%= simple_format(auto_link(properties['description'], target: '_blank', rel: 'noopener noreferrer') { |url| "#{url}<span class=\"fr-sr-only\">(nouvelle fenêtre)</span>".html_safe }, {}, wrapper_tag: 'div') %>
       </div>
     <% end %>
 
diff --git a/site/app/views/shared/endpoints/_use_cases.html.erb b/site/app/views/shared/endpoints/_use_cases.html.erb
index 33fb75009..2d024f472 100644
--- a/site/app/views/shared/endpoints/_use_cases.html.erb
+++ b/site/app/views/shared/endpoints/_use_cases.html.erb
@@ -19,7 +19,7 @@
       <% cas_usages.first(use_cases_visible_limit).each do |link| %>
         <li class="fr-mb-1w">
           <%= link_to link.url, target: '_blank', rel: 'noopener noreferrer', class: 'fr-tag' do %>
-            <% if link.icon.present? %><span aria-hidden="true" class="fr-mr-1v"><%= link.icon %></span><% end %><%= link.name %>
+            <% if link.icon.present? %><span aria-hidden="true" class="fr-mr-1v"><%= link.icon %></span><% end %><%= link.name %><span class="fr-sr-only">(ouvre une nouvelle fenêtre)</span>
           <% end %>
         </li>
       <% end %>
@@ -37,7 +37,7 @@
           <% cas_usages.drop(use_cases_visible_limit).each do |link| %>
             <li class="fr-mb-1w">
               <%= link_to link.url, target: '_blank', rel: 'noopener noreferrer', class: 'fr-tag' do %>
-                <% if link.icon.present? %><span aria-hidden="true" class="fr-mr-1v"><%= link.icon %></span><% end %><%= link.name %>
+                <% if link.icon.present? %><span aria-hidden="true" class="fr-mr-1v"><%= link.icon %></span><% end %><%= link.name %><span class="fr-sr-only">(ouvre une nouvelle fenêtre)</span>
               <% end %>
             </li>
           <% end %>
diff --git a/site/app/views/shared/endpoints/status.html.erb b/site/app/views/shared/endpoints/status.html.erb
index 832c380b0..7b2e01fb9 100644
--- a/site/app/views/shared/endpoints/status.html.erb
+++ b/site/app/views/shared/endpoints/status.html.erb
@@ -1,7 +1,12 @@
 <turbo-frame id="endpoint_status">
   <% if @endpoint.ping_url %>
     <div class="fr-pb-1w">
-      <%= t('.real_time') %> : <a href="<%= @endpoint.ping_url %>" target="_blank"><span class="api-status api-status-<%= @endpoint.api_status %>"></span></a>
+      <%= t('.real_time') %> :
+      <a href="<%= @endpoint.ping_url %>" target="_blank" rel="noopener noreferrer"
+         aria-label="Statut temps réel : <%= @endpoint.api_status %> (nouvelle fenêtre)">
+        <span class="api-status api-status-<%= @endpoint.api_status %>" aria-hidden="true"></span>
+        <span class="fr-sr-only"><%= @endpoint.api_status %></span>
+      </a>
     </div>
   <% end %>
 </turbo-frame>

From e11c07fc9a8c24d950bd0dac4621493203bdcdc1 Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Tue, 30 Jun 2026 18:43:22 +0200
Subject: [PATCH 11/31] =?UTF-8?q?fix(a11y):=20token=20views=20=E2=80=94=20?=
 =?UTF-8?q?scopes=20accordion,=20ic=C3=B4nes,=20DataPass,=20titres=20(NC?=
 =?UTF-8?q?=201.2,=207.1,=208.5,=209.1,=2013.2)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- _scopes.html.erb: <span tabindex="0"> → <h3 class="fr-accordion__title"> (NC 7.1)
- show: aria-hidden="true" sur l'icône flèche (NC 1.2)
- ask_for_prolongation: aria-hidden icône + fr-sr-only sur lien DataPass (NC 1.2, 13.2)
- prolong: aria-hidden icône + fr-sr-only sur liens DataPass et CTA (NC 1.2, 13.2)
- renew: fr-sr-only "(nouvelle fenêtre)" sur le CTA (NC 13.2)
- stats: content_for :title + h4 → h2, h5 → h3 (NC 8.5, 9.1)

Partially solves API-6952
---
 site/app/views/shared/tokens/_scopes.html.erb    |  4 ++--
 .../shared/tokens/ask_for_prolongation.html.erb  | 16 ++++++++--------
 site/app/views/shared/tokens/prolong.html.erb    | 16 +++++++++++-----
 site/app/views/shared/tokens/renew.html.erb      |  5 ++++-
 site/app/views/shared/tokens/show.html.erb       |  2 +-
 site/app/views/shared/tokens/stats.html.erb      |  9 +++++----
 6 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/site/app/views/shared/tokens/_scopes.html.erb b/site/app/views/shared/tokens/_scopes.html.erb
index a2aac8396..73cd78ccf 100644
--- a/site/app/views/shared/tokens/_scopes.html.erb
+++ b/site/app/views/shared/tokens/_scopes.html.erb
@@ -7,11 +7,11 @@
   <% else %>
     <% scopes.each_pair do |key, values| %>
       <section class="fr-accordion">
-        <span class="fr-accordion__title" tabindex="0" >
+        <h3 class="fr-accordion__title">
           <button class="fr-accordion__btn" aria-expanded="false" aria-controls="accordion-<%= key %>">
             <%= key %>
           </button>
-        </span>
+        </h3>
         <div class="fr-collapse" id="accordion-<%= key %>">
           <%= render partial: 'shared/tokens/scopes',
             locals: {
diff --git a/site/app/views/shared/tokens/ask_for_prolongation.html.erb b/site/app/views/shared/tokens/ask_for_prolongation.html.erb
index 7ce47cce3..66eaba45a 100644
--- a/site/app/views/shared/tokens/ask_for_prolongation.html.erb
+++ b/site/app/views/shared/tokens/ask_for_prolongation.html.erb
@@ -1,12 +1,12 @@
 <turbo-frame id="main-modal-content">
   <div class="single-page">
     <h3 id="<%= dom_id(@token, :token_use_title) %>">
-      <span class="fr-icon-arrow-right-line fr-icon--lg"></span>
+      <span class="fr-icon-arrow-right-line fr-icon--lg" aria-hidden="true"></span>
       <%= t('.title') %>
     </h3>
     <p class="fr-mb-4v">
-    <%= t('.description', 
-        demandeur: @token.demandeur.full_name, 
+    <%= t('.description',
+        demandeur: @token.demandeur.full_name,
         token_id: @token.id,
         remaining_time: distance_of_time_in_words(Time.zone.now, @token.end_timestamp)
       ).html_safe %>
@@ -21,13 +21,13 @@
     <p>
       <%= t('.ask_for_token_prolongation_description').html_safe %>
       <%= link_to(
-            t('shared.links.to_datapass_html', external_id: @token.authorization_request.external_id),
-            datapass_authorization_request_url(@token.authorization_request), 
+            datapass_authorization_request_url(@token.authorization_request),
             id: :authorization_request_link,
-            class: %w(fr-link),
+            class: %w(fr-link fr-link--external),
             target: '_blank',
-            rel: 'noopener noreferrer')
-          %>
+            rel: 'noopener noreferrer') do %>
+        <%= t('shared.links.to_datapass_html', external_id: @token.authorization_request.external_id) %><span class="fr-sr-only">(nouvelle fenêtre)</span>
+      <% end %>
     </p>
   </div>
 </turbo-frame>
diff --git a/site/app/views/shared/tokens/prolong.html.erb b/site/app/views/shared/tokens/prolong.html.erb
index 231c92515..c37f2fd41 100644
--- a/site/app/views/shared/tokens/prolong.html.erb
+++ b/site/app/views/shared/tokens/prolong.html.erb
@@ -1,21 +1,24 @@
 <turbo-frame id="main-modal-content">
   <div class="single-page">
     <h3 id="<%= dom_id(@token, :prolong_token_modal_title) %>">
-      <i class="fr-icon-arrow-right-line fr-icon--lg"></i>
+      <i class="fr-icon-arrow-right-line fr-icon--lg" aria-hidden="true"></i>
       <%= t('.title') %>
     </h3>
     <p>
-    <% 
+    <%
       now = Time.zone.now
       translation_key = ".description.#{@token.end_timestamp > now.to_i ? 'future' : 'past'}"
     %>
 
     <%= t(translation_key,
             link_to_datapass: link_to(
-              t('shared.links.to_datapass_html', external_id: @token.authorization_request.external_id),
+              safe_join([
+                t('shared.links.to_datapass_html', external_id: @token.authorization_request.external_id),
+                content_tag(:span, '(nouvelle fenêtre)', class: 'fr-sr-only')
+              ]),
               datapass_authorization_request_url(@token.authorization_request),
               id: :authorization_request_link,
-              class: %w(fr-link),
+              class: %w(fr-link fr-link--external),
               target: '_blank',
               rel: 'noopener noreferrer'),
             remaining_time: distance_of_time_in_words(now, @token.end_timestamp)
@@ -28,7 +31,10 @@
     <div>
       <ul class="fr-btns-group fr-btns-group--right fr-btns-group--inline-reverse fr-btns-group--inline-lg fr-btns-group--icon-right">
         <li>
-          <%= link_to( t('.cta'), token_prolong_start_path(token_id: @token.id), id: :prolong_form_link, class: "fr-btn fr-icon-arrow-right-line", target: "_blank") %>
+          <%= link_to token_prolong_start_path(token_id: @token.id), id: :prolong_form_link, class: "fr-btn fr-icon-arrow-right-line", target: "_blank" do %>
+            <%= t('.cta') %>
+            <span class="fr-sr-only">(nouvelle fenêtre)</span>
+          <% end %>
         </li>
       </ul>
     </div>
diff --git a/site/app/views/shared/tokens/renew.html.erb b/site/app/views/shared/tokens/renew.html.erb
index be24d65b5..2fb2c7265 100644
--- a/site/app/views/shared/tokens/renew.html.erb
+++ b/site/app/views/shared/tokens/renew.html.erb
@@ -3,6 +3,9 @@
     <h2><span class="fr-fi--lg fr-icon-arrow-right-line" aria-hidden="true"></span><%= t('.title') %></h2>
     <p><%= t('.description').html_safe %></p>
 
-    <%= link_to t('.continue'), datapass_reopen_authorization_request_url(@token.authorization_request), id: dom_id(@token, :renew), class: %w(fr-btn fr-col-offset-md-8 fr-col-offset-lg-9), target: '_blank', rel: 'noopener noreferrer', data: { turbo: false } %>
+    <%= link_to datapass_reopen_authorization_request_url(@token.authorization_request), id: dom_id(@token, :renew), class: %w(fr-btn fr-col-offset-md-8 fr-col-offset-lg-9), target: '_blank', rel: 'noopener noreferrer', data: { turbo: false } do %>
+      <%= t('.continue') %>
+      <span class="fr-sr-only">(nouvelle fenêtre)</span>
+    <% end %>
   </div>
 </turbo-frame>
diff --git a/site/app/views/shared/tokens/show.html.erb b/site/app/views/shared/tokens/show.html.erb
index f9559b7cd..f473e651a 100644
--- a/site/app/views/shared/tokens/show.html.erb
+++ b/site/app/views/shared/tokens/show.html.erb
@@ -1,7 +1,7 @@
 <turbo-frame id="main-modal-content">
   <div class="single-page" data-controller="clipboard">
     <h1 id="<%= dom_id(@token, :token_content_title) %>" class="fr-modal__title">
-      <span class="fr-icon-arrow-right-line fr-icon--lg"></span>
+      <span class="fr-icon-arrow-right-line fr-icon--lg" aria-hidden="true"></span>
       <%= t('.title') %>
     </h1>
     <blockquote class="fr-highlight fr-highlight--caution fr-m-0">
diff --git a/site/app/views/shared/tokens/stats.html.erb b/site/app/views/shared/tokens/stats.html.erb
index 7e9871120..9b4c64491 100644
--- a/site/app/views/shared/tokens/stats.html.erb
+++ b/site/app/views/shared/tokens/stats.html.erb
@@ -1,15 +1,16 @@
+<% content_for :title, t('.title', title: @token&.intitule || 'Jeton') %>
 <div class="fr-grid-row">
   <div class="fr-col-12 fr-pb-2w">
     <div class="fr-card fr-card--horizontal fr-card--no-arrow">
       <div class="fr-card__body">
         <div class="fr-card__content">
-          <h4 class="fr-card__title">
+          <h2 class="fr-card__title">
             <%= t('.title', title: @token.intitule) %>
 
             <span class="fr-text--sm fr-m-0 pull-right">
               <%= link_to t('.links.user_tokens', external_id: @token.authorization_request.external_id).html_safe, authorization_request_path(id: @token.authorization_request.id), id: :user_tokens_link, class: %w(fr-link fr-link--sm fr-icon-arrow-right-line fr-link--icon-right) %>
             </span>
-          </h4>
+          </h2>
 
           <div class="fr-card__desc">
             <ul>
@@ -44,9 +45,9 @@
   </div>
 
   <div class="fr-col-12 fr-pb-2w">
-    <h5>
+    <h3>
       <%= t('.requests_details.title', limit: @stats_facade.last_requests_limit) %>
-    </h5>
+    </h3>
 
     <%= render partial: 'shared/metabase', locals: { metabase_url: @stats_facade.last_requests_metabase_url, height: '430px' } %>
   </div>

From 518495a643ab8e2c91c7a844c6349e4b06c31472 Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Tue, 30 Jun 2026 18:43:33 +0200
Subject: [PATCH 12/31] =?UTF-8?q?fix(a11y):=20wizard,=20sessions,=20habili?=
 =?UTF-8?q?tations=20=E2=80=94=20h1,=20tableau,=20couleur=20statut,=20Data?=
 =?UTF-8?q?Pass=20(NC=203.1,=205.3,=209.1,=2013.2)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- sessions/_new: h2 → h1 class="fr-h2" (NC 9.1) + fr-sr-only sur lien ProConnect (NC 13.2)
- wizard/_header: h2 → h1 class="fr-h2" (NC 9.1) + fr-sr-only sur lien DataPass (NC 13.2)
- wizard/contacts: h4 → h3 (hiérarchie correcte sous h1) (NC 9.1)
- wizard/prolonged: h3.fr-alert__title → p.fr-alert__title (NC 9.1)
- wizard/owner + authorization_requests/_header: fr-sr-only sur liens DataPass (NC 13.2)
- authorization_requests/show: caption tableau + h2 contact_technique → h3 (NC 5.3, 9.1)
- pages/current_status: aria-hidden sur cercle + fr-sr-only statut textuel (NC 3.1, 13.2)

Partially solves API-6952
---
 .../shared/authorization_requests/_header.html.erb   |  2 +-
 .../shared/authorization_requests/show.html.erb      |  5 +++--
 site/app/views/shared/pages/current_status.html.erb  |  5 ++++-
 .../prolong_token_wizard/build/_header.html.erb      | 12 ++++++------
 .../shared/prolong_token_wizard/contacts.html.erb    |  4 ++--
 .../views/shared/prolong_token_wizard/owner.html.erb |  2 +-
 .../shared/prolong_token_wizard/prolonged.html.erb   |  2 +-
 site/app/views/shared/sessions/_new.html.erb         |  7 ++++---
 8 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/site/app/views/shared/authorization_requests/_header.html.erb b/site/app/views/shared/authorization_requests/_header.html.erb
index e24bcb218..ced492714 100644
--- a/site/app/views/shared/authorization_requests/_header.html.erb
+++ b/site/app/views/shared/authorization_requests/_header.html.erb
@@ -13,7 +13,7 @@
     <b><%= t('.delivered_at', humanized_date: friendly_format_from_timestamp(authorization_request.created_at)) %></b>
     -
     <% if to_datapass %>
-    <%= link_to t('shared.links.to_datapass_html', external_id: authorization_request.external_id),
+    <%= link_to safe_join([t('shared.links.to_datapass_html', external_id: authorization_request.external_id), content_tag(:span, '(nouvelle fenêtre)', class: 'fr-sr-only')]),
       datapass_authorization_request_url(authorization_request),
       id: :authorization_request_link,
       class: %w(fr-link fr-text--xs),
diff --git a/site/app/views/shared/authorization_requests/show.html.erb b/site/app/views/shared/authorization_requests/show.html.erb
index 60e2365c7..96e8e3b18 100644
--- a/site/app/views/shared/authorization_requests/show.html.erb
+++ b/site/app/views/shared/authorization_requests/show.html.erb
@@ -121,6 +121,7 @@
           <div class="fr-collapse" id="accordion-106"/>
           <div class="fr-table fr-table--bordered fr-table--layout-fixed fr-m-0 fr-p-0">
             <table>
+              <caption class="fr-sr-only"><%= t('.other_tokens.title') %></caption>
               <thead>
                   <tr>
                     <th scope="col"><%= t('.other_tokens.table.identifier')%></th>
@@ -231,10 +232,10 @@
               <% end %>
               <% if @authorization_request.contact_technique.present? %>
                 <div id="contact_technique" class="fr-col-12 fr-col-md-6 fr-col-lg-4 fr-mb-16v">
-                  <h2 class="fr-h6">
+                  <h3 class="fr-h6">
                     <i class="fr-icon fr-icon-user-star-line fr-mr-1v" aria-hidden="true"></i>
                     <%= t('.contacts.contact_technique.title').html_safe %>
-                  </h2>
+                  </h3>
                   <div class="fr-card">
                     <% if @authorization_request.contact_technique == current_user %>
                       <div class="fr-card__header">
diff --git a/site/app/views/shared/pages/current_status.html.erb b/site/app/views/shared/pages/current_status.html.erb
index bd93066e5..28fa53bf1 100644
--- a/site/app/views/shared/pages/current_status.html.erb
+++ b/site/app/views/shared/pages/current_status.html.erb
@@ -1,5 +1,8 @@
 <turbo-frame id="current_status">
   <a class="fr-link" href="https://status.<%= namespace == 'api_entreprise' ? 'entreprise' : 'particulier' %>.api.gouv.fr" title="API <%= namespace.humanize %> Status Page" target="_blank">
-    <span class="circle circle-<%= status_to_color(@current_status) %> fr-mr-1w"></span> <%= t('.title') %>
+    <span class="circle circle-<%= status_to_color(@current_status) %> fr-mr-1w" aria-hidden="true"></span>
+    <span class="fr-sr-only"><%= @current_status %> — </span>
+    <%= t('.title') %>
+    <span class="fr-sr-only">(nouvelle fenêtre)</span>
   </a>
 </turbo-frame>
diff --git a/site/app/views/shared/prolong_token_wizard/build/_header.html.erb b/site/app/views/shared/prolong_token_wizard/build/_header.html.erb
index 84bb93120..e3d6e6883 100644
--- a/site/app/views/shared/prolong_token_wizard/build/_header.html.erb
+++ b/site/app/views/shared/prolong_token_wizard/build/_header.html.erb
@@ -1,14 +1,14 @@
 <div class="fr-pb-4v">
-  <h2>
+  <h1 class="fr-h2">
     <%= t('shared.prolong_token_wizard.header.title') %>
-  </h2>
+  </h1>
   <p>
   <%= t(
-    'shared.prolong_token_wizard.header.description', 
-    humanize_date: friendly_format_from_timestamp(prolong_token_wizard.token.exp), 
+    'shared.prolong_token_wizard.header.description',
+    humanize_date: friendly_format_from_timestamp(prolong_token_wizard.token.exp),
     link_to_datapass: link_to(
-      t('shared.links.to_datapass_html', external_id: prolong_token_wizard.token.authorization_request.external_id),
-      datapass_authorization_request_url(prolong_token_wizard.token.authorization_request), 
+      safe_join([t('shared.links.to_datapass_html', external_id: prolong_token_wizard.token.authorization_request.external_id), content_tag(:span, '(nouvelle fenêtre)', class: 'fr-sr-only')]),
+      datapass_authorization_request_url(prolong_token_wizard.token.authorization_request),
       id: :authorization_request_link,
       class: %w(fr-link),
       target: '_blank',
diff --git a/site/app/views/shared/prolong_token_wizard/contacts.html.erb b/site/app/views/shared/prolong_token_wizard/contacts.html.erb
index 050714c08..0a351d42b 100644
--- a/site/app/views/shared/prolong_token_wizard/contacts.html.erb
+++ b/site/app/views/shared/prolong_token_wizard/contacts.html.erb
@@ -3,9 +3,9 @@
 <div class="fr-p-4v" style="background-color: var(--background-default-grey)">
   <%= render partial: 'shared/prolong_token_wizard/build/stepper', locals: { prolong_token_wizard: @prolong_token_wizard } %>
   <%= form_for @prolong_token_wizard, url: wizard_path, method: :put do |f| %>
-    <h4>
+    <h3>
       <%= t('.subtitle') %>
-    </h4>
+    </h3>
 
     <% if @prolong_token_wizard.authorization_request.api == 'particulier' %>
       <div class="fr-fieldset__element">
diff --git a/site/app/views/shared/prolong_token_wizard/owner.html.erb b/site/app/views/shared/prolong_token_wizard/owner.html.erb
index 5671202c7..eb6f806b0 100644
--- a/site/app/views/shared/prolong_token_wizard/owner.html.erb
+++ b/site/app/views/shared/prolong_token_wizard/owner.html.erb
@@ -8,7 +8,7 @@
       <%= f.label :owner,
         t('.label',
           link_to_datapass: link_to(
-            t('shared.links.to_datapass_html', external_id: @prolong_token_wizard.token.authorization_request.external_id),
+            safe_join([t('shared.links.to_datapass_html', external_id: @prolong_token_wizard.token.authorization_request.external_id), content_tag(:span, '(nouvelle fenêtre)', class: 'fr-sr-only')]),
             datapass_authorization_request_url(@prolong_token_wizard.token.authorization_request),
             id: :authorization_request_link,
             class: %w(fr-link),
diff --git a/site/app/views/shared/prolong_token_wizard/prolonged.html.erb b/site/app/views/shared/prolong_token_wizard/prolonged.html.erb
index 6f1ddb0b1..78a835b5d 100644
--- a/site/app/views/shared/prolong_token_wizard/prolonged.html.erb
+++ b/site/app/views/shared/prolong_token_wizard/prolonged.html.erb
@@ -1,5 +1,5 @@
 <div class="fr-alert fr-alert--success">
-    <h3 class="fr-alert__title"><%= t('.title', humanized_date: friendly_format_from_timestamp(@prolong_token_wizard.token.exp)) %></h3>
+    <p class="fr-alert__title"><%= t('.title', humanized_date: friendly_format_from_timestamp(@prolong_token_wizard.token.exp)) %></p>
     <p><%= t('.description', api_name: t("#{namespace}.name")) %></p>
 </div>
 
diff --git a/site/app/views/shared/sessions/_new.html.erb b/site/app/views/shared/sessions/_new.html.erb
index 5744c947f..71b1f5271 100644
--- a/site/app/views/shared/sessions/_new.html.erb
+++ b/site/app/views/shared/sessions/_new.html.erb
@@ -1,6 +1,6 @@
-<h2 class="center">
+<h1 class="center fr-h2">
   <%= t('.title').html_safe %>
-</h2>
+</h1>
 
 <div class="fr-container">
   <div class="fr-grid-row">
@@ -12,8 +12,9 @@
             <span class="fr-connect__brand">ProConnect</span>
           <% end %>
             <p>
-              <a href="https://www.proconnect.gouv.fr/" target="_blank"  rel="noopener" title="Qu’est-ce que ProConnect ? - Nouvelle fenêtre">
+              <a href="https://www.proconnect.gouv.fr/" target="_blank" rel="noopener">
                 Qu’est-ce que ProConnect ?
+                <span class="fr-sr-only">(nouvelle fenêtre)</span>
               </a>
             </p>
         <% end %>

From d70fb3e9a87d27d7f8fd1107656e61cb5c77ad07 Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Tue, 30 Jun 2026 18:43:44 +0200
Subject: [PATCH 13/31] =?UTF-8?q?fix(a11y):=20titres=20de=20page,=20cas=20?=
 =?UTF-8?q?d'usages=20=E2=80=94=20liens,=20liste,=20tableau=20(NC=205.3,?=
 =?UTF-8?q?=206.1,=208.5,=209.3,=2013.2)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Titres de page (NC 8.5):
- home AE/AP, accessibility, mentions, errors, profile, changelogs: content_for :title

Cas d'usages:
- _others: div.use_cases → ul.fr-raw-list + li (NC 9.3)
  + aria-label contextuel sur les liens "En savoir plus" (NC 6.1)
- _simplifions_card: fr-sr-only "(ouverture dans un nouvel onglet)" (NC 13.2)
- _endpoints_table: <caption class="fr-sr-only"> (NC 5.3)
- index AE/AP: content_for :title (NC 8.5)

Partially solves API-6952
---
 .../views/api_entreprise/cas_usages/index.html.erb |  1 +
 site/app/views/api_entreprise/pages/home.html.erb  |  1 +
 .../api_particulier/cas_usages/index.html.erb      |  1 +
 site/app/views/api_particulier/pages/home.html.erb |  1 +
 site/app/views/errors/show.html.erb                |  1 +
 .../shared/cas_usages/_endpoints_table.html.erb    |  1 +
 site/app/views/shared/cas_usages/_others.html.erb  | 14 +++++++++-----
 .../shared/cas_usages/_simplifions_card.html.erb   |  2 +-
 site/app/views/shared/changelogs/index.html.erb    |  1 +
 site/app/views/shared/pages/accessibility.html.erb |  1 +
 site/app/views/shared/pages/mentions.html.erb      |  1 +
 site/app/views/shared/users/profile.html.erb       |  1 +
 12 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/site/app/views/api_entreprise/cas_usages/index.html.erb b/site/app/views/api_entreprise/cas_usages/index.html.erb
index 8e967399e..a2c177ab1 100644
--- a/site/app/views/api_entreprise/cas_usages/index.html.erb
+++ b/site/app/views/api_entreprise/cas_usages/index.html.erb
@@ -1,3 +1,4 @@
+<% content_for :title, t('.title') %>
 <div id="cas-usages" class="fr-container--fluid">
   <div class="banner fr-pt-5w fr-pb-8w">
     <div class="fr-container">
diff --git a/site/app/views/api_entreprise/pages/home.html.erb b/site/app/views/api_entreprise/pages/home.html.erb
index 99cc1cce6..ade21cc1c 100644
--- a/site/app/views/api_entreprise/pages/home.html.erb
+++ b/site/app/views/api_entreprise/pages/home.html.erb
@@ -1,3 +1,4 @@
+<% content_for :title, 'Accueil' %>
 <div id="homepage">
   <%= render 'shared/pages/home_alerts' %>
   <%= render 'api_entreprise/pages/home/section_welcome' %>
diff --git a/site/app/views/api_particulier/cas_usages/index.html.erb b/site/app/views/api_particulier/cas_usages/index.html.erb
index bd74fa2d5..c740975ac 100644
--- a/site/app/views/api_particulier/cas_usages/index.html.erb
+++ b/site/app/views/api_particulier/cas_usages/index.html.erb
@@ -1,3 +1,4 @@
+<% content_for :title, t('.title') %>
 <div id="cas-usages" class="fr-container--fluid">
   <div class="banner fr-pt-5w fr-pb-8w">
     <div class="fr-container">
diff --git a/site/app/views/api_particulier/pages/home.html.erb b/site/app/views/api_particulier/pages/home.html.erb
index 6c1869721..d3db01e2b 100644
--- a/site/app/views/api_particulier/pages/home.html.erb
+++ b/site/app/views/api_particulier/pages/home.html.erb
@@ -1,3 +1,4 @@
+<% content_for :title, 'Accueil' %>
 <div id="homepage">
   <%= render 'shared/pages/home_alerts' %>
   <%= render 'api_particulier/pages/home/section_welcome' %>
diff --git a/site/app/views/errors/show.html.erb b/site/app/views/errors/show.html.erb
index 223f6a1ec..3c11d8d8b 100644
--- a/site/app/views/errors/show.html.erb
+++ b/site/app/views/errors/show.html.erb
@@ -1,3 +1,4 @@
+<% content_for :title, t(".#{@rescue_response}.title", default: 'Erreur') rescue content_for :title, 'Erreur' %>
 <div class="fr-container fr-mb-12w fr-mt-12w center">
   <h1 class="text-xl">
     <%= t(".#{@rescue_response}.title") %>
diff --git a/site/app/views/shared/cas_usages/_endpoints_table.html.erb b/site/app/views/shared/cas_usages/_endpoints_table.html.erb
index caa17d650..d3a2b6037 100644
--- a/site/app/views/shared/cas_usages/_endpoints_table.html.erb
+++ b/site/app/views/shared/cas_usages/_endpoints_table.html.erb
@@ -1,5 +1,6 @@
 <div class="fr-table">
   <table>
+    <caption class="fr-sr-only">API disponibles pour ce cas d'usage</caption>
     <thead>
       <tr>
         <th scope="col"><%= t('.headers.api') %></th>
diff --git a/site/app/views/shared/cas_usages/_others.html.erb b/site/app/views/shared/cas_usages/_others.html.erb
index ea418114a..a47a1a4d2 100644
--- a/site/app/views/shared/cas_usages/_others.html.erb
+++ b/site/app/views/shared/cas_usages/_others.html.erb
@@ -1,11 +1,15 @@
 <h3><%= t('.title').html_safe %></h3>
-<div class="use_cases">
+<ul class="use_cases fr-raw-list">
   <% @other_fiches_pratiques.sample(3).each do |use_case| %>
-    <div class="use_case fr-mt-4v">
+    <li class="use_case fr-mt-4v">
       <%= image_tag("#{api}/cas_usages/pictos/#{use_case.uid}.svg", alt: "") %>
       <h4><%= t(".#{use_case.uid}.title") %></h4>
       <p><%= t(".#{use_case.uid}.description") %></p>
-      <%= link_to t('.link'), cas_usage_path(use_case.uid), class: "fr-btn fr-btn--secondary" %>
-    </div>
+      <%= link_to cas_usage_path(use_case.uid),
+            class: "fr-btn fr-btn--secondary",
+            aria: { label: "#{t('.link')} — #{t(".#{use_case.uid}.title")}" } do %>
+        <%= t('.link') %>
+      <% end %>
+    </li>
   <% end %>
-</div>
+</ul>
diff --git a/site/app/views/shared/cas_usages/_simplifions_card.html.erb b/site/app/views/shared/cas_usages/_simplifions_card.html.erb
index 91f89cdbc..7b118c656 100644
--- a/site/app/views/shared/cas_usages/_simplifions_card.html.erb
+++ b/site/app/views/shared/cas_usages/_simplifions_card.html.erb
@@ -3,7 +3,7 @@
     <div class="fr-card__content">
       <h3 class="fr-card__title fr-h5">
         <%= link_to use_case.url, target: '_blank', rel: 'noopener noreferrer' do %>
-          <% if use_case.icon.present? %><span aria-hidden="true"><%= use_case.icon %></span> <% end %><%= use_case.name %>
+          <% if use_case.icon.present? %><span aria-hidden="true"><%= use_case.icon %></span> <% end %><%= use_case.name %><span class="fr-sr-only"> (ouverture dans un nouvel onglet)</span>
         <% end %>
       </h3>
       <p class="fr-card__desc"><%= use_case.description %></p>
diff --git a/site/app/views/shared/changelogs/index.html.erb b/site/app/views/shared/changelogs/index.html.erb
index 66d23e6ad..7b922630d 100644
--- a/site/app/views/shared/changelogs/index.html.erb
+++ b/site/app/views/shared/changelogs/index.html.erb
@@ -1,3 +1,4 @@
+<% content_for :title, t('.title') %>
 <div class="fr-grid-row">
   <div class="fr-col-12 fr-col-md-9 fr-col-lg-8">
     <h1 class="fr-mb-2w">
diff --git a/site/app/views/shared/pages/accessibility.html.erb b/site/app/views/shared/pages/accessibility.html.erb
index 1047a71b6..d5469454d 100644
--- a/site/app/views/shared/pages/accessibility.html.erb
+++ b/site/app/views/shared/pages/accessibility.html.erb
@@ -1,3 +1,4 @@
+<% content_for :title, 'Accessibilité' %>
 <div class="fr-grid-row">
   <div class="fr-col-12 fr-col-sm-8 fr-col-offset-sm-2">
     <h1 class="center">
diff --git a/site/app/views/shared/pages/mentions.html.erb b/site/app/views/shared/pages/mentions.html.erb
index 9f2f8dc71..8afb11c2b 100644
--- a/site/app/views/shared/pages/mentions.html.erb
+++ b/site/app/views/shared/pages/mentions.html.erb
@@ -1,3 +1,4 @@
+<% content_for :title, 'Mentions légales' %>
 <h1 class="center">
   Mentions légales
 </h1>
diff --git a/site/app/views/shared/users/profile.html.erb b/site/app/views/shared/users/profile.html.erb
index f09ec0d75..18f62edd4 100644
--- a/site/app/views/shared/users/profile.html.erb
+++ b/site/app/views/shared/users/profile.html.erb
@@ -1 +1,2 @@
+<% content_for :title, 'Mon profil' %>
 <%= render partial: 'shared/users/user', locals: { user: current_user, user_roles: @user_roles } %>

From ee206edafc9d6334c61966531efa78c2edacc94b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Delmaire=20Lo=C3=AFc?= <loic.delmaire@gmail.com>
Date: Thu, 18 Jun 2026 16:48:22 +0200
Subject: [PATCH 14/31] fix(a11y): add title attribute to newsletter iframe

Closes https://linear.app/pole-api/issue/API-6954
---
 site/app/views/api_entreprise/pages/newsletter/_main.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/app/views/api_entreprise/pages/newsletter/_main.html.erb b/site/app/views/api_entreprise/pages/newsletter/_main.html.erb
index 85065c788..12f1efb74 100644
--- a/site/app/views/api_entreprise/pages/newsletter/_main.html.erb
+++ b/site/app/views/api_entreprise/pages/newsletter/_main.html.erb
@@ -12,7 +12,7 @@
         <h3 class="fr-h4"><%= t('.newsletter_title').html_safe %></h3>
         <p><%= t('.newsletter_description').html_safe %></p>
         <div class="newsletter-iframe-container">
-          <iframe data-w-type="embedded" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://redir.entreprise.api.gouv.fr/wgt/ls12/294/form?c=20fa0f47" width="100%" height="380"></iframe>
+          <iframe title="Formulaire d'inscription à la newsletter API Entreprise" data-w-type="embedded" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://redir.entreprise.api.gouv.fr/wgt/ls12/294/form?c=20fa0f47" width="100%" height="380"></iframe>
           <script type="text/javascript" src="https://app.mailjet.com/pas-nc-embedded-v1.js"></script>
         </div>
       </div>

From f3ccc09097881df7edecb0f28bdd04e4e176fa5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Delmaire=20Lo=C3=AFc?= <loic.delmaire@gmail.com>
Date: Thu, 18 Jun 2026 16:48:25 +0200
Subject: [PATCH 15/31] fix(a11y): fix invalid ul nested inside p on
 accessibility page

Closes https://linear.app/pole-api/issue/API-6956
---
 .../views/shared/pages/accessibility.html.erb | 26 +++++++++----------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/site/app/views/shared/pages/accessibility.html.erb b/site/app/views/shared/pages/accessibility.html.erb
index d5469454d..d7464255d 100644
--- a/site/app/views/shared/pages/accessibility.html.erb
+++ b/site/app/views/shared/pages/accessibility.html.erb
@@ -61,21 +61,19 @@
       n’avez pas obtenu de réponse satisfaisante.
     </p>
 
-    <p>
-      Vous pouvez :
+    <p>Vous pouvez :</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>
-          Envoyer un courrier par la poste (gratuit, ne pas mettre de timbre) : Défenseur des droits Libre réponse 71120 75342 Paris CEDEX 07
-        </li>
-      </ul>
-    </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>
+        Envoyer un courrier par la poste (gratuit, ne pas mettre de timbre) : Défenseur des droits Libre réponse 71120 75342 Paris CEDEX 07
+      </li>
+    </ul>
 
     <hr>
     <p>

From daf67f6b00d0356367c047d4dffb8b546390c8ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Delmaire=20Lo=C3=AFc?= <loic.delmaire@gmail.com>
Date: Thu, 18 Jun 2026 16:55:42 +0200
Subject: [PATCH 16/31] fix(a11y): fix alt text on home page partner logos and
 decorative pictos

Partner logo alt describes link destination rather than the image itself.
Decorative pictos alongside headings get empty alt.

Closes https://linear.app/pole-api/issue/API-6954
---
 .../views/api_entreprise/pages/home/_section_partners.html.erb  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/app/views/api_entreprise/pages/home/_section_partners.html.erb b/site/app/views/api_entreprise/pages/home/_section_partners.html.erb
index 722eb5f4b..eb44868b0 100644
--- a/site/app/views/api_entreprise/pages/home/_section_partners.html.erb
+++ b/site/app/views/api_entreprise/pages/home/_section_partners.html.erb
@@ -7,7 +7,7 @@
       <div class="providers">
         <% @providers.each do |provider| %>
           <a href="<%= endpoints_path(provider) %>" id="link_<%= provider.uid %>" class="card-provider fr-m-2v fr-pt-2w fr-pr-2w fr-pl-2w">
-            <%= image_tag(provider.image_path, alt: "Logo fournisseur de données - #{provider.name}") %>
+            <%= image_tag(provider.image_path, alt: "Voir les API de #{provider.name}") %>
           </a>
         <% end %>
       </div>

From 2cdaa4bdedc783da616ac7b21a3c1e042e61f9b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Delmaire=20Lo=C3=AFc?= <loic.delmaire@gmail.com>
Date: Thu, 18 Jun 2026 17:04:14 +0200
Subject: [PATCH 17/31] fix(a11y): signal new-window links via external_link_to
 helper
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adds external_link_to helper that appends a fr-sr-only "(nouvelle fenêtre)"
span and enforces target=_blank + rel=noopener noreferrer. Migrates all
external links in shared layout, footer, header, newsletter and home sections.
Also removes target=_blank from the internal partner link and fixes the
taget=_blank typo in the footer.

Closes https://linear.app/pole-api/issue/API-6952
---
 site/app/helpers/application_helper.rb        | 19 +++++++++++++++++++
 .../pages/home/_section_howto.html.erb        |  4 ++--
 .../pages/newsletter/_main.html.erb           |  2 +-
 .../shared/api_entreprise/_footer.html.erb    |  4 ++--
 .../api_entreprise/header/_menu.html.erb      |  4 +---
 .../api_entreprise/header/_tools.html.erb     |  6 +++---
 site/config/locales/api_entreprise/fr.yml     |  2 +-
 7 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/site/app/helpers/application_helper.rb b/site/app/helpers/application_helper.rb
index 248353381..bac08c33b 100644
--- a/site/app/helpers/application_helper.rb
+++ b/site/app/helpers/application_helper.rb
@@ -36,6 +36,25 @@ def boolean_i18n(value)
     I18n.t(i18n_key)
   end
 
+  def external_link_to(name = nil, href = nil, html_options = {}, &)
+    if block_given?
+      html_options = href.is_a?(Hash) ? href : {}
+      href = name
+    end
+
+    html_options = html_options.merge(target: '_blank', rel: 'noopener noreferrer')
+    sr_label = content_tag(:span, '(nouvelle fenêtre)', class: 'fr-sr-only')
+
+    if block_given?
+      link_to(href, html_options) do
+        concat(capture(&))
+        concat(sr_label)
+      end
+    else
+      link_to(safe_join([name, sr_label]), href, html_options)
+    end
+  end
+
   def icon(kind)
     "<span class=\"icon #{kind}\" aria-hidden=\"true\"></span>".html_safe
   end
diff --git a/site/app/views/api_entreprise/pages/home/_section_howto.html.erb b/site/app/views/api_entreprise/pages/home/_section_howto.html.erb
index 18dc0bcf3..609c0fde6 100644
--- a/site/app/views/api_entreprise/pages/home/_section_howto.html.erb
+++ b/site/app/views/api_entreprise/pages/home/_section_howto.html.erb
@@ -5,7 +5,7 @@
         <div class="left-info--text">
           <h2 class="fr-h3"><%= t('.title') %></h2>
           <p class="fr-text--lg"><%= t('.description').html_safe %></p>
-          <a href="https://datapass.api.gouv.fr/demandes/api-entreprise/nouveau" class="fr-link" target="_blank" rel="noopener"><%= t('.check_eligibity') %><span class="fr-sr-only"> (nouvelle fenêtre)</span></a>
+          <%= external_link_to t('.check_eligibity'), 'https://datapass.api.gouv.fr/demandes/api-entreprise/nouveau', class: 'fr-link' %>
         </div>
 
         <div class="left-info--cards fr-col-12 fr-grid-row">
@@ -24,7 +24,7 @@
             <div class="fr-card__body">
               <div class="fr-card__content">
                 <h3 class="fr-h4 fr-card__title">
-                  <a href="https://annuaire-entreprises.data.gouv.fr/" target="_blank" rel="noopener"><%= t('.annuaire_data_link') %><span class="fr-sr-only"> (nouvelle fenêtre)</span></a>
+                  <%= external_link_to t('.annuaire_data_link'), 'https://annuaire-entreprises.data.gouv.fr/' %>
                 </h3>
                 <p class="fr-card__desc"><%= t('.annuaire_data_description').html_safe %></p>
               </div>
diff --git a/site/app/views/api_entreprise/pages/newsletter/_main.html.erb b/site/app/views/api_entreprise/pages/newsletter/_main.html.erb
index 12f1efb74..4760ab385 100644
--- a/site/app/views/api_entreprise/pages/newsletter/_main.html.erb
+++ b/site/app/views/api_entreprise/pages/newsletter/_main.html.erb
@@ -19,7 +19,7 @@
       <div class="fr-col-xs-12 fr-col-sm-12 fr-col-md-5 fr-col-lg-5 fr-col-xl-5 fr-col-offset-md-1 fr-col-offset-lg-1 fr-col-offset-xl-1">
         <h3 class="fr-h4 "><%= t('.operations_title').html_safe %></h3>
         <p><%= t('.operations_description').html_safe %></p>
-        <a href="https://status.entreprise.api.gouv.fr/subscribe/email" class="fr-btn fr-btn--secondary fr-mb-8v" target="_blank"><%= t('.operations_button') %></a>
+        <%= external_link_to t('.operations_button'), 'https://status.entreprise.api.gouv.fr/subscribe/email', class: 'fr-btn fr-btn--secondary fr-mb-8v' %>
 
         <h3 class="fr-h4"><%= t('.changelog_title').html_safe %></h3>
         <p><%= t('.changelog_description').html_safe %></p>
diff --git a/site/app/views/shared/api_entreprise/_footer.html.erb b/site/app/views/shared/api_entreprise/_footer.html.erb
index 225f99453..13df6d8cf 100644
--- a/site/app/views/shared/api_entreprise/_footer.html.erb
+++ b/site/app/views/shared/api_entreprise/_footer.html.erb
@@ -45,7 +45,7 @@
           <a class="fr-footer__bottom-link" href="<%= stats_path %>">Statistiques publiques</a>
         </li>
         <li class="fr-footer__bottom-item">
-          <a class="fr-footer__bottom-link" taget="_blank" href="https://www.data.gouv.fr/products/api-entreprise?tab=roadmap">Feuille de route publique</a>
+          <%= external_link_to 'Feuille de route publique', 'https://www.data.gouv.fr/products/api-entreprise?tab=roadmap', class: 'fr-footer__bottom-link' %>
         </li>
         <li class="fr-footer__bottom-item">
           <a class="fr-footer__bottom-link" href="<%= changelogs_path %>">Nouveautés / changelog</a>
@@ -53,7 +53,7 @@
       </ul>
       <div class="fr-footer__bottom-copy">
         <p>
-        Sauf mention contraire, tous les textes de ce site sont sous <a href="https://github.com/etalab/licence-ouverte/blob/master/LO.md" target="_blank">licence etalab-2.0<span class="fr-sr-only"> (nouvelle fenêtre)</span></a>
+        Sauf mention contraire, tous les textes de ce site sont sous <%= external_link_to 'licence etalab-2.0', 'https://github.com/etalab/licence-ouverte/blob/master/LO.md' %>
         </p>
       </div>
     </div>
diff --git a/site/app/views/shared/api_entreprise/header/_menu.html.erb b/site/app/views/shared/api_entreprise/header/_menu.html.erb
index a25bf64fc..45d61dfd6 100644
--- a/site/app/views/shared/api_entreprise/header/_menu.html.erb
+++ b/site/app/views/shared/api_entreprise/header/_menu.html.erb
@@ -58,9 +58,7 @@
           <% end %>
 
           <li class="ask-access-link fr-nav__item">
-            <a class="fr-nav__link center" href="https://datapass.api.gouv.fr/demandes/api-entreprise/nouveau" target="_blank">
-              <%= t('.ask_access').html_safe %><span class="fr-sr-only"> (nouvelle fenêtre)</span>
-            </a>
+            <%= external_link_to t('.ask_access').html_safe, 'https://datapass.api.gouv.fr/demandes/api-entreprise/nouveau', class: 'fr-nav__link center' %>
           </li>
         </ul>
       </nav>
diff --git a/site/app/views/shared/api_entreprise/header/_tools.html.erb b/site/app/views/shared/api_entreprise/header/_tools.html.erb
index e055baa72..8cf3449ed 100644
--- a/site/app/views/shared/api_entreprise/header/_tools.html.erb
+++ b/site/app/views/shared/api_entreprise/header/_tools.html.erb
@@ -7,9 +7,9 @@
     </li>
     <li>
       <turbo-frame id="current_status" style="display: inherit;" src="<%= current_status_path %>">
-        <a class="fr-link" href="https://status.entreprise.api.gouv.fr" title="API Entreprise Status Page" target="_blank">
-          <span class="circle circle-undefined fr-mr-1w"></span> <%= t('shared.pages.current_status.title') %><span class="fr-sr-only"> (nouvelle fenêtre)</span>
-        </a>
+        <%= external_link_to 'https://status.entreprise.api.gouv.fr', class: 'fr-link', title: 'API Entreprise Status Page' do %>
+          <span class="circle circle-undefined fr-mr-1w"></span> <%= t('shared.pages.current_status.title') %>
+        <% end %>
       </turbo-frame>
       <span class="fr-header-separator"></span>
     </li>
diff --git a/site/config/locales/api_entreprise/fr.yml b/site/config/locales/api_entreprise/fr.yml
index e36bbe1a7..4901a54c1 100644
--- a/site/config/locales/api_entreprise/fr.yml
+++ b/site/config/locales/api_entreprise/fr.yml
@@ -350,7 +350,7 @@ fr:
           changelog_description: Retrouvez l'historique des évolutions du service (nouvelles API, montées de version, dépréciations) et abonnez-vous pour recevoir un récapitulatif hebdomadaire&nbsp;:&nbsp;
           changelog_button: Voir les nouveautés
           archives_title: 🕰 Archives de toutes nos communication&nbsp;:&nbsp;
-          archives_description: Nous archivons toutes nos communications dans <a href="https://v2.entreprise.api.gouv.fr/infolettres/" target="_blank">notre page infolettre</a>
+          archives_description: Nous archivons toutes nos communications dans <a href="https://v2.entreprise.api.gouv.fr/infolettres/" target="_blank" rel="noopener noreferrer">notre page infolettre<span class="fr-sr-only"> (nouvelle fenêtre)</span></a>
         banner:
           title: Lettres d'information
           description: Abonnez-vous à nos différentes lettres d'informations pour être informé <strong>des actualités, des évènements, des nouveautés et des ruptures de service.</strong>

From 59462e6be2f6a340fe23ec319b8ab6f3ca366b09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Delmaire=20Lo=C3=AFc?= <loic.delmaire@gmail.com>
Date: Thu, 18 Jun 2026 18:49:01 +0200
Subject: [PATCH 18/31] =?UTF-8?q?fix(a11y):=20fix=20mailto=20links=20?=
 =?UTF-8?q?=E2=80=94=20missing=20prefix=20and=20uninformative=20labels=20(?=
 =?UTF-8?q?RGAA=206.1)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two issues fixed:
- _donnees_personnelles partials (both APIs) had `href` without `mailto:` prefix,
  making the links non-functional
- accessibility.html.erb, mentions.html.erb and _donnees_personnelles partials
  use raw email addresses as link text; added `title` attributes so screen
  readers announce the purpose when reading link lists out of context

Closes https://linear.app/pole-api/issue/API-6953
---
 .../views/api_entreprise/pages/_donnees_personnelles.html.erb | 4 ++--
 .../api_particulier/pages/_donnees_personnelles.html.erb      | 4 ++--
 site/app/views/shared/pages/accessibility.html.erb            | 2 +-
 site/app/views/shared/pages/mentions.html.erb                 | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/site/app/views/api_entreprise/pages/_donnees_personnelles.html.erb b/site/app/views/api_entreprise/pages/_donnees_personnelles.html.erb
index 2d778f7fe..802b6e176 100644
--- a/site/app/views/api_entreprise/pages/_donnees_personnelles.html.erb
+++ b/site/app/views/api_entreprise/pages/_donnees_personnelles.html.erb
@@ -126,11 +126,11 @@ Pourquoi traitons-nous des données à caractère personnel&nbsp;?
   Vous disposez d’un droit d’accès et de rectification des données à caractère personnel qui vous concernent. Vous disposez également d’un droit d’opposition et de limitation du traitement de vos données.
 </p>
 <p class="fr-mt-2w fr-mb-2w">
-Pour exercer vos droits ou pour toute question sur le traitement de vos données, vous pouvez nous écrire à l’adresse : <a href="support@entreprise.api.gouv.fr">support@entreprise.api.gouv.fr</a>
+Pour exercer vos droits ou pour toute question sur le traitement de vos données, vous pouvez nous écrire à l’adresse : <a href="mailto:support@entreprise.api.gouv.fr" title="Envoyer un courriel au support">support@entreprise.api.gouv.fr</a>
 </p>
 
 <p class="fr-mt-2w fr-mb-2w">
-  Vous pouvez également contacter le délégué à la protection des données (DPD) des services du Premier Ministre par mail à <a href="dpd@pm.gouv.fr">dpd@pm.gouv.fr</a> ou par courrier à l'adresse suivante&nbsp;:<br/>
+  Vous pouvez également contacter le délégué à la protection des données (DPD) des services du Premier Ministre par mail à <a href="mailto:dpd@pm.gouv.fr" title="Envoyer un courriel au délégué à la protection des données">dpd@pm.gouv.fr</a> ou par courrier à l'adresse suivante&nbsp;:<br/>
   Services du Premier Ministre<br/>
   À l’attention du délégué à la protection des données (DPD)<br/>
   56 rue de Varenne<br/>
diff --git a/site/app/views/api_particulier/pages/_donnees_personnelles.html.erb b/site/app/views/api_particulier/pages/_donnees_personnelles.html.erb
index f5724a2be..8a7b3901a 100644
--- a/site/app/views/api_particulier/pages/_donnees_personnelles.html.erb
+++ b/site/app/views/api_particulier/pages/_donnees_personnelles.html.erb
@@ -115,11 +115,11 @@ La DINUM est responsable de traitement des données à caractère personnel réa
   Vous disposez d’un droit d’accès et de rectification des données à caractère personnel qui vous concernent. Vous disposez également d’un droit d’opposition et de limitation du traitement de vos données.
 </p>
 <p class="fr-mt-2w fr-mb-2w">
-Pour exercer vos droits ou pour toute question sur le traitement de vos données, vous pouvez nous écrire à l’adresse : <a href="api-particulier@api.gouv.fr">api-particulier@api.gouv.fr</a>
+Pour exercer vos droits ou pour toute question sur le traitement de vos données, vous pouvez nous écrire à l’adresse : <a href="mailto:api-particulier@api.gouv.fr" title="Envoyer un courriel au support">api-particulier@api.gouv.fr</a>
 </p>
 
 <p class="fr-mt-2w fr-mb-2w">
-  Vous pouvez également contacter le délégué à la protection des données (DPD) des services du Premier Ministre par mail à <a href="dpd@pm.gouv.fr">dpd@pm.gouv.fr</a>  ou par courrier à l'adresse suivante&nbsp;:<br/>
+  Vous pouvez également contacter le délégué à la protection des données (DPD) des services du Premier Ministre par mail à <a href="mailto:dpd@pm.gouv.fr" title="Envoyer un courriel au délégué à la protection des données">dpd@pm.gouv.fr</a>  ou par courrier à l'adresse suivante&nbsp;:<br/>
   Services du Premier Ministre<br/>
   À l’attention du délégué à la protection des données (DPD)<br/>
   56 rue de Varenne<br/>
diff --git a/site/app/views/shared/pages/accessibility.html.erb b/site/app/views/shared/pages/accessibility.html.erb
index d7464255d..487382180 100644
--- a/site/app/views/shared/pages/accessibility.html.erb
+++ b/site/app/views/shared/pages/accessibility.html.erb
@@ -43,7 +43,7 @@
 
     <ul>
       <li>
-        E-mail : <a href="mailto:<%= support_email %>"><%= support_email %></a>
+        E-mail : <a href="mailto:<%= support_email %>" title="Envoyer un courriel au support"><%= support_email %></a>
       </li>
       <li>
         Adresse : DINUM, Ségur, Paris
diff --git a/site/app/views/shared/pages/mentions.html.erb b/site/app/views/shared/pages/mentions.html.erb
index 8afb11c2b..92e8626a4 100644
--- a/site/app/views/shared/pages/mentions.html.erb
+++ b/site/app/views/shared/pages/mentions.html.erb
@@ -59,7 +59,7 @@
 <p>
   Si vous souhaitez obtenir des informations sur les traitements de données personnelles gérés par un
   Service Premier Ministre vous pouvez contacter le délégué à la protection des données (DPD)
-  par courriel à l’adresse <a href="mailto:dpd@pm.gouv.fr">dpd@pm.gouv.fr</a> et par courrier à l’adresse suivante :
+  par courriel à l’adresse <a href="mailto:dpd@pm.gouv.fr" title="Envoyer un courriel au délégué à la protection des données">dpd@pm.gouv.fr</a> et par courrier à l’adresse suivante :
 </p>
 
 <p>

From b13bc8c459d24772c117fdc50bc7b9e247af29d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Delmaire=20Lo=C3=AFc?= <loic.delmaire@gmail.com>
Date: Thu, 18 Jun 2026 18:49:10 +0200
Subject: [PATCH 19/31] fix(a11y): fix heading hierarchy on home page sections
 (RGAA 9.1)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two issues on api_entreprise home:
- _section_access: right-column cards used <h4> creating an h2→h4 jump
  relative to a preceding sibling h2; changed to <h3> (same level as
  the info items in the left column). Same fix applied to api_particulier.
- _section_howto: "Accès à mon compte" sub-block used <h2> at the same
  level as the section title; demoted to <h3>.

DSFR visual classes (fr-h4 etc.) are unaffected — only semantic level changed.

Closes https://linear.app/pole-api/issue/API-6955
---
 .../app/views/api_entreprise/pages/home/_section_howto.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/app/views/api_entreprise/pages/home/_section_howto.html.erb b/site/app/views/api_entreprise/pages/home/_section_howto.html.erb
index 609c0fde6..9abf85c06 100644
--- a/site/app/views/api_entreprise/pages/home/_section_howto.html.erb
+++ b/site/app/views/api_entreprise/pages/home/_section_howto.html.erb
@@ -35,7 +35,7 @@
 
       <div class="right-info fr-background-default-white fr-col-xl-4 fr-col-12 fr-p-6w padding-right-container">
         <div class="info-container">
-          <h2 class="fr-h4"><%= t('.access_account_title') %></h2>
+          <h3 class="fr-h4"><%= t('.access_account_title') %></h3>
           <p><%= t('.access_account_description').html_safe %></p>
           <ul class="fr-mb-3w">
             <li><%= t('.access_account_list_token').html_safe %></li>

From 9d1aca50b75e58578cc68417caa71d5b18ecc275 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Delmaire=20Lo=C3=AFc?= <loic.delmaire@gmail.com>
Date: Thu, 18 Jun 2026 18:56:46 +0200
Subject: [PATCH 20/31] fix(a11y): add lang="en" on English words, replace
 "newsletter" (RGAA 8.7)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- "newsletter" → "lettre d'information" (DSFR official term) in
  api_particulier newsletter_title and api_entreprise iframe title
- "changelog" in newsletter section titles wrapped with <span lang="en">
- "Swagger" and "OpenAPI" in section_developers wrapped with <span lang="en">;
  swagger_description values now rendered with .html_safe to allow HTML
- "back-office" in api_entreprise section_use_cases description wrapped
  with <span lang="en">

Closes https://linear.app/pole-api/issue/API-6957
---
 .../api_entreprise/pages/home/_section_developers.html.erb  | 2 +-
 .../views/api_entreprise/pages/newsletter/_main.html.erb    | 2 +-
 .../api_particulier/pages/home/_section_developers.html.erb | 2 +-
 site/config/locales/api_entreprise/fr.yml                   | 6 +++---
 site/config/locales/api_particulier/fr.yml                  | 6 +++---
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/site/app/views/api_entreprise/pages/home/_section_developers.html.erb b/site/app/views/api_entreprise/pages/home/_section_developers.html.erb
index ea4e0873a..94a5929d5 100644
--- a/site/app/views/api_entreprise/pages/home/_section_developers.html.erb
+++ b/site/app/views/api_entreprise/pages/home/_section_developers.html.erb
@@ -35,7 +35,7 @@
             <h3 class="fr-h4 fr-card__title">
               <%= link_to t('.swagger_link'), developers_openapi_path %>
             </h3>
-            <p class="fr-card__desc"><%= t('.swagger_description') %></p>
+            <p class="fr-card__desc"><%= t('.swagger_description').html_safe %></p>
           </div>
         </div>
       </div>
diff --git a/site/app/views/api_entreprise/pages/newsletter/_main.html.erb b/site/app/views/api_entreprise/pages/newsletter/_main.html.erb
index 4760ab385..2c673bbdb 100644
--- a/site/app/views/api_entreprise/pages/newsletter/_main.html.erb
+++ b/site/app/views/api_entreprise/pages/newsletter/_main.html.erb
@@ -12,7 +12,7 @@
         <h3 class="fr-h4"><%= t('.newsletter_title').html_safe %></h3>
         <p><%= t('.newsletter_description').html_safe %></p>
         <div class="newsletter-iframe-container">
-          <iframe title="Formulaire d'inscription à la newsletter API Entreprise" data-w-type="embedded" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://redir.entreprise.api.gouv.fr/wgt/ls12/294/form?c=20fa0f47" width="100%" height="380"></iframe>
+          <iframe title="Formulaire d'inscription à la lettre d'information API Entreprise" data-w-type="embedded" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://redir.entreprise.api.gouv.fr/wgt/ls12/294/form?c=20fa0f47" width="100%" height="380"></iframe>
           <script type="text/javascript" src="https://app.mailjet.com/pas-nc-embedded-v1.js"></script>
         </div>
       </div>
diff --git a/site/app/views/api_particulier/pages/home/_section_developers.html.erb b/site/app/views/api_particulier/pages/home/_section_developers.html.erb
index 5c51891d9..225f3f103 100644
--- a/site/app/views/api_particulier/pages/home/_section_developers.html.erb
+++ b/site/app/views/api_particulier/pages/home/_section_developers.html.erb
@@ -35,7 +35,7 @@
             <h3 class="fr-h4 fr-card__title">
               <%= link_to t('.swagger_link'), developers_openapi_path %>
             </h3>
-            <p class="fr-card__desc"><%= t('.swagger_description') %></p>
+            <p class="fr-card__desc"><%= t('.swagger_description').html_safe %></p>
           </div>
         </div>
       </div>
diff --git a/site/config/locales/api_entreprise/fr.yml b/site/config/locales/api_entreprise/fr.yml
index 4901a54c1..4105f34cf 100644
--- a/site/config/locales/api_entreprise/fr.yml
+++ b/site/config/locales/api_entreprise/fr.yml
@@ -346,7 +346,7 @@ fr:
           operations_title: 🚧 Maintenance & incidents&nbsp;:&nbsp;
           operations_description: Soyez notifié des incidents et opérations de maintenance des API de votre choix&nbsp;:&nbsp;
           operations_button: S'abonner aux incidents
-          changelog_title: 📋 Nouveautés / changelog&nbsp;:&nbsp;
+          changelog_title: "📋 Nouveautés / <span lang=\"en\">changelog</span>&nbsp;:&nbsp;"
           changelog_description: Retrouvez l'historique des évolutions du service (nouvelles API, montées de version, dépréciations) et abonnez-vous pour recevoir un récapitulatif hebdomadaire&nbsp;:&nbsp;
           changelog_button: Voir les nouveautés
           archives_title: 🕰 Archives de toutes nos communication&nbsp;:&nbsp;
@@ -378,7 +378,7 @@ fr:
           link_faq: "Qu'est-ce qu'une API ?"
         section_use_cases:
           title: Cas d'usages
-          description: <strong>Une fois l'API Entreprise intégrée dans votre système d'information</strong>&nbsp;:&nbsp;<br>À partir d'un SIRET/SIREN/RNA, les informations sont automatiquement saisies dans les formulaires de vos usagers et en back-office pour vos agents. Cet accès direct aux données administratives facilite de nombreux cas d'usages&nbsp;:&nbsp;
+          description: "<strong>Une fois l'API Entreprise intégrée dans votre système d'information</strong>&nbsp;:&nbsp;<br>À partir d'un SIRET/SIREN/RNA, les informations sont automatiquement saisies dans les formulaires de vos usagers et en <span lang=\"en\">back-office</span> pour vos agents. Cet accès direct aux données administratives facilite de nombreux cas d'usages&nbsp;:&nbsp;"
           cards:
             socle_de_base:
               title: "Socle de base DLNUF"
@@ -414,7 +414,7 @@ fr:
           integration_link: Kit d’intégration
           integration_description: Un pas à pas pour intégrer et mettre en production l’API Entreprise
           swagger_link: Spécifications techniques de chaque API
-          swagger_description: Utilisez notre Swagger (OpenApi)
+          swagger_description: "Utilisez notre <span lang=\"en\">Swagger</span> (<span lang=\"en\">OpenAPI</span>)"
           status_link: Statuts des API
     documentation:
       index:
diff --git a/site/config/locales/api_particulier/fr.yml b/site/config/locales/api_particulier/fr.yml
index ab9c93b59..18723ee55 100644
--- a/site/config/locales/api_particulier/fr.yml
+++ b/site/config/locales/api_particulier/fr.yml
@@ -100,18 +100,18 @@ fr:
           integration_link: Kit d’intégration
           integration_description: Un pas à pas pour intégrer et mettre en production l’API Particulier
           swagger_link: Spécifications techniques de chaque API
-          swagger_description: Utilisez notre Swagger (OpenAPI)
+          swagger_description: "Utilisez notre <span lang=\"en\">Swagger</span> (<span lang=\"en\">OpenAPI</span>)"
       newsletter:
         banner:
           title: Restez informé des nouveautés de l'API Particulier
           description: Recevez les dernières actualités de l'API Particulier et des informations sur les nouvelles API disponibles.
         main:
           newsletter_description: Recevez les dernières actualités de l'API Particulier et des informations sur les nouvelles API disponibles.
-          newsletter_title: Inscrivez-vous à la newsletter
+          newsletter_title: Inscrivez-vous à notre lettre d'information
           operations_title: 🚧 Maintenance & incidents&nbsp;:&nbsp;
           operations_description: Soyez notifié des incidents et opérations de maintenance des API de votre choix&nbsp;:&nbsp;
           operations_button: S'abonner aux incidents
-          changelog_title: 📋 Nouveautés / changelog&nbsp;:&nbsp;
+          changelog_title: "📋 Nouveautés / <span lang=\"en\">changelog</span>&nbsp;:&nbsp;"
           changelog_description: Retrouvez l'historique des évolutions du service (nouvelles API, montées de version, dépréciations) et abonnez-vous pour recevoir un récapitulatif hebdomadaire&nbsp;:&nbsp;
           changelog_button: Voir les nouveautés
 

From 07eae3f41d1ee0e08f9e17a0d3be75c6213f0a65 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Delmaire=20Lo=C3=AFc?= <loic.delmaire@gmail.com>
Date: Thu, 18 Jun 2026 17:26:26 +0200
Subject: [PATCH 21/31] fix(a11y): add skip link, main landmark and role=banner
 to both layouts

Covers API Entreprise and API Particulier. Skip link targets real ids
already present in the DOM (#contenu, #navigation-header-menu, #footer).

Non-regression: landmarks asserted on home, cas usages, catalogue, FAQ
and an authenticated account page for both APIs (65 examples).

Closes https://linear.app/pole-api/issue/API-6743
---
 .../api_entreprise/application.html.erb       | 16 ++++++----
 .../api_particulier/application.html.erb      | 16 ++++++----
 .../shared/api_entreprise/_header.html.erb    |  2 +-
 .../shared/api_particulier/_header.html.erb   |  2 +-
 .../features/api_entreprise/pages_spec.rb     | 10 +++++++
 .../features/api_particulier/pages_spec.rb    | 10 +++++++
 .../features/layout_landmarks.rb              | 29 +++++++++++++++++++
 7 files changed, 71 insertions(+), 14 deletions(-)
 create mode 100644 site/spec/support/shared_examples/features/layout_landmarks.rb

diff --git a/site/app/views/layouts/api_entreprise/application.html.erb b/site/app/views/layouts/api_entreprise/application.html.erb
index ac0a2b3de..c37bbaebd 100644
--- a/site/app/views/layouts/api_entreprise/application.html.erb
+++ b/site/app/views/layouts/api_entreprise/application.html.erb
@@ -24,7 +24,9 @@
     <div class="fr-skiplinks">
       <nav class="fr-container" role="navigation" aria-label="Accès rapide">
         <ul class="fr-skiplinks__list">
-          <li><a class="fr-link" href="#main-content">Aller au contenu</a></li>
+          <li><a class="fr-link" href="#contenu">Contenu</a></li>
+          <li><a class="fr-link" href="#navigation-header-menu">Menu</a></li>
+          <li><a class="fr-link" href="#footer">Pied de page</a></li>
         </ul>
       </nav>
     </div>
@@ -34,11 +36,13 @@
     <%= render partial: 'shared/announcement_banner' %>
     <%= render partial: 'shared/api_entreprise/header' %>
 
-    <% if content_for?(:no_container) %>
-      <%= yield(:no_container) %>
-    <% else %>
-      <%= render partial: 'shared/api_entreprise/containerized_body' %>
-    <% end %>
+    <main id="contenu">
+      <% if content_for?(:no_container) %>
+        <%= yield(:no_container) %>
+      <% else %>
+        <%= render partial: 'shared/api_entreprise/containerized_body' %>
+      <% end %>
+    </main>
 
     <% unless @no_newsletter_banner %>
       <%= render partial: 'shared/newsletter_banner' %>
diff --git a/site/app/views/layouts/api_particulier/application.html.erb b/site/app/views/layouts/api_particulier/application.html.erb
index 136ac1c0b..de8a579c5 100644
--- a/site/app/views/layouts/api_particulier/application.html.erb
+++ b/site/app/views/layouts/api_particulier/application.html.erb
@@ -24,7 +24,9 @@
     <div class="fr-skiplinks">
       <nav class="fr-container" role="navigation" aria-label="Accès rapide">
         <ul class="fr-skiplinks__list">
-          <li><a class="fr-link" href="#main-content">Aller au contenu</a></li>
+          <li><a class="fr-link" href="#contenu">Contenu</a></li>
+          <li><a class="fr-link" href="#navigation-header-menu">Menu</a></li>
+          <li><a class="fr-link" href="#footer">Pied de page</a></li>
         </ul>
       </nav>
     </div>
@@ -34,11 +36,13 @@
     <%= render partial: 'shared/announcement_banner' %>
     <%= render partial: 'shared/api_particulier/header' %>
 
-    <% if content_for?(:no_container) %>
-      <%= yield(:no_container) %>
-    <% else %>
-      <%= render partial: 'shared/api_particulier/containerized_body' %>
-    <% end %>
+    <main id="contenu">
+      <% if content_for?(:no_container) %>
+        <%= yield(:no_container) %>
+      <% else %>
+        <%= render partial: 'shared/api_particulier/containerized_body' %>
+      <% end %>
+    </main>
 
     <% unless @no_newsletter_banner %>
       <%= render partial: 'shared/newsletter_banner' %>
diff --git a/site/app/views/shared/api_entreprise/_header.html.erb b/site/app/views/shared/api_entreprise/_header.html.erb
index 565a2611f..dd2248597 100644
--- a/site/app/views/shared/api_entreprise/_header.html.erb
+++ b/site/app/views/shared/api_entreprise/_header.html.erb
@@ -1,4 +1,4 @@
-<header class="fr-header">
+<header class="fr-header" role="banner">
   <div class="fr-header__body">
     <div class="fr-container">
       <div class="fr-header__body-row">
diff --git a/site/app/views/shared/api_particulier/_header.html.erb b/site/app/views/shared/api_particulier/_header.html.erb
index c72444198..1cf57e384 100644
--- a/site/app/views/shared/api_particulier/_header.html.erb
+++ b/site/app/views/shared/api_particulier/_header.html.erb
@@ -1,4 +1,4 @@
-<header class="fr-header">
+<header class="fr-header" role="banner">
   <div class="fr-header__body">
     <div class="fr-container">
       <div class="fr-header__body-row">
diff --git a/site/spec/features/api_entreprise/pages_spec.rb b/site/spec/features/api_entreprise/pages_spec.rb
index 2f2f1abd8..53c52d457 100644
--- a/site/spec/features/api_entreprise/pages_spec.rb
+++ b/site/spec/features/api_entreprise/pages_spec.rb
@@ -4,4 +4,14 @@
   it_behaves_like 'static pages feature',
     developers_content: 'siret',
     expected_api_name: 'API Entreprise'
+
+  it_behaves_like 'layout landmarks', %i[root_path cas_usages_path endpoints_path faq_index_path]
+
+  context 'when authenticated' do
+    let(:user) { create(:user) }
+
+    before { login_as(user) }
+
+    it_behaves_like 'layout landmarks', %i[authorization_requests_path]
+  end
 end
diff --git a/site/spec/features/api_particulier/pages_spec.rb b/site/spec/features/api_particulier/pages_spec.rb
index e739250df..0b742802b 100644
--- a/site/spec/features/api_particulier/pages_spec.rb
+++ b/site/spec/features/api_particulier/pages_spec.rb
@@ -8,4 +8,14 @@
     developers_content: 'Quotient familial',
     expected_api_name: 'API Particulier',
     unexpected_api_name: 'API Entreprise'
+
+  it_behaves_like 'layout landmarks', %i[root_path cas_usages_path endpoints_path faq_index_path]
+
+  context 'when authenticated' do
+    let(:user) { create(:user, :with_token) }
+
+    before { login_as(user) }
+
+    it_behaves_like 'layout landmarks', %i[api_particulier_user_profile_path]
+  end
 end
diff --git a/site/spec/support/shared_examples/features/layout_landmarks.rb b/site/spec/support/shared_examples/features/layout_landmarks.rb
new file mode 100644
index 000000000..7726a74c8
--- /dev/null
+++ b/site/spec/support/shared_examples/features/layout_landmarks.rb
@@ -0,0 +1,29 @@
+require 'rails_helper'
+
+RSpec.shared_examples 'layout landmarks' do |path_helpers = [:root_path]|
+  Array(path_helpers).each do |path_helper|
+    describe "RGAA 9.2/12.6/12.7 on #{path_helper}" do
+      before { visit send(path_helper) }
+
+      it 'has a main landmark targeting #contenu' do
+        expect(page).to have_css('main#contenu')
+      end
+
+      it 'has a banner landmark on the header' do
+        expect(page).to have_css('header[role="banner"]')
+      end
+
+      it 'has a skip link to main content' do
+        expect(page).to have_css('.fr-skiplinks a[href="#contenu"]')
+      end
+
+      it 'has a skip link to navigation' do
+        expect(page).to have_css('.fr-skiplinks a[href="#navigation-header-menu"]')
+      end
+
+      it 'has a skip link to footer' do
+        expect(page).to have_css('.fr-skiplinks a[href="#footer"]')
+      end
+    end
+  end
+end

From 09d7fe6a12b0cf32be620e50902ece9f5cfdc998 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Delmaire=20Lo=C3=AFc?= <loic.delmaire@gmail.com>
Date: Thu, 18 Jun 2026 17:51:31 +0200
Subject: [PATCH 22/31] feat(a11y): dynamic <title> per page (RGAA 8.5/8.6)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two-layer strategy:
- Views call `content_for(:page_title)` for dynamic titles (endpoint name,
  cas_usage name, blog post title, authorization request intitulé)
- Static pages declare `page_title:` i18n keys under their controller/action;
  empty string = use site name only
- `full_page_title` helper: checks content_for first, falls back to i18n,
  raises in local/test env if neither is set — guarantees no silent gaps

Added `AbstractBlogPost#title` to parse the first `# ` heading from markdown.

Closes https://linear.app/pole-api/issue/API-6951
---
 site/app/helpers/application_helper.rb        | 18 ++++-
 site/app/models/abstract_blog_post.rb         |  4 ++
 .../api_entreprise/cas_usages/show.html.erb   |  1 +
 .../api_entreprise/endpoints/show.html.erb    |  2 +-
 .../api_particulier/cas_usages/show.html.erb  |  1 +
 .../api_particulier/endpoints/show.html.erb   |  2 +-
 .../api_entreprise/application.html.erb       |  2 +-
 .../api_particulier/application.html.erb      |  2 +-
 .../authorization_requests/show.html.erb      |  1 +
 .../app/views/shared/blog_posts/show.html.erb |  1 +
 .../views/shared/endpoints/example.html.erb   |  1 +
 site/config/i18n-tasks.yml                    |  1 +
 site/config/locales/api_entreprise/fr.yml     | 64 ++++++++++++++++++
 site/config/locales/api_particulier/fr.yml    | 66 +++++++++++++++++++
 14 files changed, 161 insertions(+), 5 deletions(-)

diff --git a/site/app/helpers/application_helper.rb b/site/app/helpers/application_helper.rb
index bac08c33b..bf469b9ad 100644
--- a/site/app/helpers/application_helper.rb
+++ b/site/app/helpers/application_helper.rb
@@ -38,7 +38,7 @@ def boolean_i18n(value)
 
   def external_link_to(name = nil, href = nil, html_options = {}, &)
     if block_given?
-      html_options = href.is_a?(Hash) ? href : {}
+      html_options = href if href.is_a?(Hash)
       href = name
     end
 
@@ -55,6 +55,13 @@ def external_link_to(name = nil, href = nil, html_options = {}, &)
     end
   end
 
+  def full_page_title
+    namespace = controller_path.split('/').first
+    site_name = t("layouts.#{namespace}.application.title")
+    title = content_for?(:page_title) ? content_for(:page_title) : static_page_title
+    title.present? ? "#{title} — #{site_name}" : site_name
+  end
+
   def icon(kind)
     "<span class=\"icon #{kind}\" aria-hidden=\"true\"></span>".html_safe
   end
@@ -66,4 +73,13 @@ def api_name
   def support_email
     t("#{namespace}.support_email")
   end
+
+  private
+
+  def static_page_title
+    key = "#{controller_path.tr('/', '.')}.#{action_name}.page_title"
+    return t(key).presence if I18n.exists?(key)
+
+    raise "Missing page title for '#{key}'. Use content_for(:page_title) or add the i18n key." if Rails.env.local?
+  end
 end
diff --git a/site/app/models/abstract_blog_post.rb b/site/app/models/abstract_blog_post.rb
index 21eae25c8..d136e9fc0 100644
--- a/site/app/models/abstract_blog_post.rb
+++ b/site/app/models/abstract_blog_post.rb
@@ -4,6 +4,10 @@ class AbstractBlogPost
 
   attr_accessor :id, :content
 
+  def title
+    content.lines.find { |l| l.start_with?('# ') }&.delete_prefix('# ')&.strip
+  end
+
   def self.find(id)
     file = Rails.root.join('config/blog_posts', api, "#{id}.md")
 
diff --git a/site/app/views/api_entreprise/cas_usages/show.html.erb b/site/app/views/api_entreprise/cas_usages/show.html.erb
index a2d740ec5..71a8ab287 100644
--- a/site/app/views/api_entreprise/cas_usages/show.html.erb
+++ b/site/app/views/api_entreprise/cas_usages/show.html.erb
@@ -1 +1,2 @@
+<% content_for :page_title, @cas_usage.name %>
 <%= render partial: 'shared/cas_usages/show', locals: { api: 'api_entreprise' } %>
diff --git a/site/app/views/api_entreprise/endpoints/show.html.erb b/site/app/views/api_entreprise/endpoints/show.html.erb
index e5a6548c9..083c651d5 100644
--- a/site/app/views/api_entreprise/endpoints/show.html.erb
+++ b/site/app/views/api_entreprise/endpoints/show.html.erb
@@ -1,4 +1,4 @@
-<% content_for :title, @endpoint.title %>
+<% content_for :page_title, @endpoint.title %>
 <% layout_main_bloc = 8 %>
 <article id="<%= dom_id(@endpoint) %>" class="endpoint">
   <h1>
diff --git a/site/app/views/api_particulier/cas_usages/show.html.erb b/site/app/views/api_particulier/cas_usages/show.html.erb
index e5e3d3e0e..6bb2e434d 100644
--- a/site/app/views/api_particulier/cas_usages/show.html.erb
+++ b/site/app/views/api_particulier/cas_usages/show.html.erb
@@ -1 +1,2 @@
+<% content_for :page_title, @cas_usage.name %>
 <%= render partial: 'shared/cas_usages/show', locals: { api: 'api_particulier' } %>
diff --git a/site/app/views/api_particulier/endpoints/show.html.erb b/site/app/views/api_particulier/endpoints/show.html.erb
index 26e91fd98..eb680f282 100644
--- a/site/app/views/api_particulier/endpoints/show.html.erb
+++ b/site/app/views/api_particulier/endpoints/show.html.erb
@@ -1,4 +1,4 @@
-<% content_for :title, @endpoint.title %>
+<% content_for :page_title, @endpoint.title %>
 <% layout_main_bloc = 8 %>
 <article id="<%= dom_id(@endpoint) %>" class="endpoint">
   <h1>
diff --git a/site/app/views/layouts/api_entreprise/application.html.erb b/site/app/views/layouts/api_entreprise/application.html.erb
index c37bbaebd..32d95157f 100644
--- a/site/app/views/layouts/api_entreprise/application.html.erb
+++ b/site/app/views/layouts/api_entreprise/application.html.erb
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="fr" data-fr-scheme="light">
   <head>
-    <title><%= content_for?(:title) ? "#{yield(:title)} — #{t('.title')}" : t('.title') %></title>
+    <title><%= full_page_title %></title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <% unless Rails.env.production? %>
       <meta name="robots" content="noindex">
diff --git a/site/app/views/layouts/api_particulier/application.html.erb b/site/app/views/layouts/api_particulier/application.html.erb
index de8a579c5..655586e24 100644
--- a/site/app/views/layouts/api_particulier/application.html.erb
+++ b/site/app/views/layouts/api_particulier/application.html.erb
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="fr" data-fr-scheme="light">
   <head>
-    <title><%= content_for?(:title) ? "#{yield(:title)} — #{t('.title')}" : t('.title') %></title>
+    <title><%= full_page_title %></title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <% unless Rails.env.production? %>
       <meta name="robots" content="noindex">
diff --git a/site/app/views/shared/authorization_requests/show.html.erb b/site/app/views/shared/authorization_requests/show.html.erb
index 96e8e3b18..9080a9b13 100644
--- a/site/app/views/shared/authorization_requests/show.html.erb
+++ b/site/app/views/shared/authorization_requests/show.html.erb
@@ -1,3 +1,4 @@
+<% content_for :page_title, @authorization_request.intitule %>
 <div class="fr-container fr-pr-0 fr-pl-0" data-controller="anchor-buttons">
   <div class="fr-grid-row">
     <div class="fr-col-12 fr-col-md-3 fr-pr-0 fr-pl-0">
diff --git a/site/app/views/shared/blog_posts/show.html.erb b/site/app/views/shared/blog_posts/show.html.erb
index eb3f21e1b..b257ef738 100644
--- a/site/app/views/shared/blog_posts/show.html.erb
+++ b/site/app/views/shared/blog_posts/show.html.erb
@@ -1 +1,2 @@
+<% content_for :page_title, @blog_post.title %>
 <%= markdown_to_html(@blog_post.content) %>
diff --git a/site/app/views/shared/endpoints/example.html.erb b/site/app/views/shared/endpoints/example.html.erb
index a28125965..1d3fde50d 100644
--- a/site/app/views/shared/endpoints/example.html.erb
+++ b/site/app/views/shared/endpoints/example.html.erb
@@ -1,3 +1,4 @@
+<% content_for :page_title, @endpoint.title %>
 <turbo-frame id="main-modal-content">
   <div class="single-page">
     <h3 class="center">
diff --git a/site/config/i18n-tasks.yml b/site/config/i18n-tasks.yml
index cc2f46bde..577d23ba3 100644
--- a/site/config/i18n-tasks.yml
+++ b/site/config/i18n-tasks.yml
@@ -124,6 +124,7 @@ ignore_unused:
   - 'editors.roles.*'
   - 'editors.deployment_types.*'
   - 'api_particulier.reporters_mailer.*'
+  - '*.page_title'
   - 'shared.tokens.prolong.description.future'
   - 'shared.tokens.prolong.description.past'
   - 'activerecord.attributes.*'
diff --git a/site/config/locales/api_entreprise/fr.yml b/site/config/locales/api_entreprise/fr.yml
index 4105f34cf..a240f261e 100644
--- a/site/config/locales/api_entreprise/fr.yml
+++ b/site/config/locales/api_entreprise/fr.yml
@@ -55,6 +55,7 @@ fr:
   api_entreprise:
     download_attestations:
       new:
+        page_title: Télécharger des attestations
         interface: "Interface d'appel"
         description: "Récupérez les attestations sociales ou fiscales d'une entreprise ou d'une association, en entrant son numéro SIREN."
         description_cgu_html: "Pour rappel, les %{href} vous engagent à <strong>ne pas diffuser les données reçues, ici les attestations fiscales et sociales, à des tiers non-autorisés</strong>."
@@ -65,6 +66,8 @@ fr:
           label: "🔑 Jeton d'habilitation :"
         siren_number:
           label: 'Numéro de SIREN :'
+      create:
+        page_title: Télécharger des attestations
       result:
         download_attestation_fiscale_cta: 'Attestation fiscale (PDF)'
         download_attestation_sociale_cta: 'Attestation sociale (PDF)'
@@ -77,6 +80,16 @@ fr:
         attestation_sociale_not_downloadable: "Attestation sociale non‑téléchargeable"
         attestation_fiscale_not_downloadable: 'Attestation fiscale non‑téléchargeable'
     tokens:
+      show:
+        page_title: ""
+      stats:
+        page_title: Statistiques d'utilisation
+      renew:
+        page_title: ""
+      prolong:
+        page_title: Prolonger mon jeton
+      ask_for_prolongation:
+        page_title: ""
       token:
         scope:
           etablissements:
@@ -193,7 +206,14 @@ fr:
             label: Data Subvention || API Subventions
 
     sessions:
+      new:
+        page_title: Se connecter
+      create_from_magic_link:
+        page_title: ""
+      dev_login:
+        page_title: ""
       create_from_oauth:
+        page_title: ""
         not_found:
           title: "Votre compte ne semble pas être rattaché à une habilitation API Entreprise."
           description: "Veuillez vérifier que l'e-mail %{email} utilisé ici correspond à l'e-mail utilisé lors de votre demande d'habilitation API Entreprise. \n\n
@@ -201,12 +221,15 @@ fr:
             Après validation de celle-ci, vous pourrez vous connecter au compte API Entreprise."
 
       failure:
+        page_title: ""
         unknown: Une erreur inconnue est survenue, veuillez contacter le support.
       after_logout:
+        page_title: ""
         success: Déconnexion réussie.
 
     public_token_magic_links:
       show:
+        page_title: ""
         error:
           expired:
             title: Lien expiré
@@ -223,6 +246,7 @@ fr:
 
     endpoints:
       index:
+        page_title: Catalogue des API
         title: "Catalogue des API"
         search:
           label: "Rechercher une API"
@@ -319,10 +343,12 @@ fr:
         test_cases: "Cas de tests"
     faq:
       index:
+        page_title: FAQ & contact
         title: "FAQ & contact"
 
     cas_usages:
       index:
+        page_title: "Cas d’usages"
         title: "Cas d’usages"
         description: "Consultez les <strong>fiches pratiques des cas d’utilisation</strong> de l’API Entreprise.<br>Retrouvez, entre autres, les <strong>données utiles</strong> pour les cas d’usages."
         simplifions:
@@ -339,6 +365,7 @@ fr:
             description: "Donnez accès à l'API Entreprise à vos clients publics."
     pages:
       newsletter:
+        page_title: Lettres d'information
         main:
           title: Abonnez-vous à nos lettres d'infos&nbsp;!
           newsletter_title: 💌 Actualités et guides pratiques&nbsp;:&nbsp;
@@ -355,6 +382,7 @@ fr:
           title: Lettres d'information
           description: Abonnez-vous à nos différentes lettres d'informations pour être informé <strong>des actualités, des évènements, des nouveautés et des ruptures de service.</strong>
       home:
+        page_title: ""
         section_welcome:
           title: <strong>Vous êtes un acteur public ?</strong><br>Gagnez du temps dans vos démarches<br> entreprises & associations&nbsp;!
           subtitle: <br><strong>Intégrez l'API&nbsp;Entreprise👇</strong>
@@ -416,7 +444,21 @@ fr:
           swagger_link: Spécifications techniques de chaque API
           swagger_description: "Utilisez notre <span lang=\"en\">Swagger</span> (<span lang=\"en\">OpenAPI</span>)"
           status_link: Statuts des API
+      cgu:
+        page_title: "Conditions générales d’utilisation"
+      mentions:
+        page_title: Mentions légales
+      donnees_personnelles:
+        page_title: Données personnelles
+      accessibility:
+        page_title: Accessibilité
+      current_status:
+        page_title: Statut des API
+      redoc:
+        page_title: ""
     documentation:
+      developers:
+        page_title: Espace développeur
       index:
         card_swagger_link: 🕹 Swagger
         card_swagger_description: Spécifications techniques de chacune des API&nbsp;:&nbsp;<br/>- Paramètres d’appels<br/>- Détail de la réponse JSON<br/>- Codes erreurs
@@ -426,6 +468,28 @@ fr:
         link_specs: 🎛 Spécifications générales
         link_kit: 🚀 Kit de mise en production
         link_preprod: 🧪 Environnement de test
+    stats:
+      index:
+        page_title: Statistiques
+    users:
+      profile:
+        page_title: Mon compte
+    authorization_requests:
+      index:
+        page_title: Mes demandes
+    transfer_tokens:
+      new:
+        page_title: ""
+    prolong_token_wizard:
+      start:
+        page_title: ""
+      show:
+        page_title: ""
+      finished:
+        page_title: ""
+    changelogs:
+      index:
+        page_title: Nouveautés
   beta:
     label: Version beta
     color: purple-glycine
diff --git a/site/config/locales/api_particulier/fr.yml b/site/config/locales/api_particulier/fr.yml
index 18723ee55..5c45ef792 100644
--- a/site/config/locales/api_particulier/fr.yml
+++ b/site/config/locales/api_particulier/fr.yml
@@ -57,6 +57,7 @@ fr:
   api_particulier:
     pages:
       home:
+        page_title: ""
         section_welcome:
           title: <strong>Vous êtes un acteur public ?</strong><br />Gagnez du temps dans vos démarches<br />auprès des particuliers !
           subtitle: Intégrez l'API Particulier 👇
@@ -102,6 +103,7 @@ fr:
           swagger_link: Spécifications techniques de chaque API
           swagger_description: "Utilisez notre <span lang=\"en\">Swagger</span> (<span lang=\"en\">OpenAPI</span>)"
       newsletter:
+        page_title: Lettres d'information
         banner:
           title: Restez informé des nouveautés de l'API Particulier
           description: Recevez les dernières actualités de l'API Particulier et des informations sur les nouvelles API disponibles.
@@ -114,9 +116,22 @@ fr:
           changelog_title: "📋 Nouveautés / <span lang=\"en\">changelog</span>&nbsp;:&nbsp;"
           changelog_description: Retrouvez l'historique des évolutions du service (nouvelles API, montées de version, dépréciations) et abonnez-vous pour recevoir un récapitulatif hebdomadaire&nbsp;:&nbsp;
           changelog_button: Voir les nouveautés
+      cgu:
+        page_title: "Conditions générales d'utilisation"
+      mentions:
+        page_title: Mentions légales
+      donnees_personnelles:
+        page_title: Données personnelles
+      accessibility:
+        page_title: Accessibilité
+      current_status:
+        page_title: Statut des API
+      redoc:
+        page_title: ""
 
     endpoints:
       index:
+        page_title: Catalogue des API
         title: Catalogue des API
         search:
           label: "Rechercher une API"
@@ -201,10 +216,12 @@ fr:
         test_cases: "Cas de tests"
     faq:
       index:
+        page_title: FAQ & contact
         title: "FAQ & contact"
 
     cas_usages:
       index:
+        page_title: "Cas d’usages & modalités d’appel"
         title: "Cas d’usages & modalités d’appel"
         description: "Consultez les <strong>fiches pratiques des cas d’usages & les guides des modalités d’appel</strong> de l’API Particulier"
         simplifions:
@@ -220,6 +237,16 @@ fr:
             title: "Formulaire de collecte du QF"
             description: "Collecter facilement le quotient familial CAF ou MSA des particuliers"
     tokens:
+      show:
+        page_title: ""
+      stats:
+        page_title: Statistiques d'utilisation
+      renew:
+        page_title: ""
+      prolong:
+        page_title: Prolonger mon jeton
+      ask_for_prolongation:
+        page_title: ""
       token:
         scope:
           cnaf_quotient_familial:
@@ -446,17 +473,28 @@ fr:
           sdh_statut_sportif_informations_statuts_precedents:
             label: Sport Data Hub || API Statut sportif || Historique informations statut sportif
     sessions:
+      new:
+        page_title: Se connecter
+      create_from_magic_link:
+        page_title: ""
+      dev_login:
+        page_title: ""
       create_from_oauth:
+        page_title: ""
         not_found:
           title: "Votre compte ne semble pas être rattaché à une habilitation API Particulier."
           description: "Veuillez vérifier que l'e-mail %{email} utilisé ici correspond à l'e-mail utilisé lors de votre demande d'habilitation API Particulier \n\n
             Si vous êtes un nouvel utilisateur, veuillez déposer une demande en suivant le lien suivant : https://datapass.api.gouv.fr/api-particulier\n
             Après validation de celle-ci, vous pourrez vous connecter au compte API Particulier."
       failure:
+        page_title: ""
         unknown: Une erreur inconnue est survenue, veuillez contacter le support.
       after_logout:
+        page_title: ""
         success: Déconnexion réussie.
     documentation:
+      developers:
+        page_title: Espace développeur
       index:
         card_swagger_link: 🕹 Swagger
         card_swagger_description: Spécifications techniques de chacune des API&nbsp;:&nbsp;<br/>- Paramètres d’appels<br/>- Détail de la réponse JSON<br/>- Codes erreurs
@@ -467,6 +505,34 @@ fr:
         link_preprod: 🧪 Environnement de test
         link_kit: 🚀 Kit de mise en production
         link_migration: 🔄 Guide de migration V.3
+    stats:
+      index:
+        page_title: Statistiques
+    users:
+      profile:
+        page_title: Mon compte
+    authorization_requests:
+      index:
+        page_title: Mes demandes
+    transfer_tokens:
+      new:
+        page_title: ""
+    prolong_token_wizard:
+      start:
+        page_title: ""
+      show:
+        page_title: ""
+      finished:
+        page_title: ""
+    public_token_magic_links:
+      show:
+        page_title: ""
+    changelogs:
+      index:
+        page_title: Nouveautés
+    reporters:
+      index:
+        page_title: ""
   beta:
     label: Version beta
     title: Cette API est disponible dans une version non-définitive

From 0541b0f637074ad392f2ebe92b0a655116d54b6c Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Wed, 1 Jul 2026 11:13:23 +0200
Subject: [PATCH 23/31] fix: @cas_usage.name -> @fiche_pratique.name in
 cas_usages show views

---
 site/app/views/api_entreprise/cas_usages/show.html.erb  | 2 +-
 site/app/views/api_particulier/cas_usages/show.html.erb | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/app/views/api_entreprise/cas_usages/show.html.erb b/site/app/views/api_entreprise/cas_usages/show.html.erb
index 71a8ab287..1c40b2906 100644
--- a/site/app/views/api_entreprise/cas_usages/show.html.erb
+++ b/site/app/views/api_entreprise/cas_usages/show.html.erb
@@ -1,2 +1,2 @@
-<% content_for :page_title, @cas_usage.name %>
+<% content_for :page_title, @fiche_pratique.name %>
 <%= render partial: 'shared/cas_usages/show', locals: { api: 'api_entreprise' } %>
diff --git a/site/app/views/api_particulier/cas_usages/show.html.erb b/site/app/views/api_particulier/cas_usages/show.html.erb
index 6bb2e434d..e049f7258 100644
--- a/site/app/views/api_particulier/cas_usages/show.html.erb
+++ b/site/app/views/api_particulier/cas_usages/show.html.erb
@@ -1,2 +1,2 @@
-<% content_for :page_title, @cas_usage.name %>
+<% content_for :page_title, @fiche_pratique.name %>
 <%= render partial: 'shared/cas_usages/show', locals: { api: 'api_particulier' } %>

From 88c7fb93fcc96b8d730a589569dec424cb9c1747 Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Wed, 1 Jul 2026 12:49:00 +0200
Subject: [PATCH 24/31] fix: rubocop RSpec/ContextWording in layout landmark
 specs

---
 .../features/api_entreprise/pages_spec.rb     | 24 +++++++++++++++----
 .../features/api_particulier/pages_spec.rb    | 24 +++++++++++++++----
 2 files changed, 38 insertions(+), 10 deletions(-)

diff --git a/site/spec/features/api_entreprise/pages_spec.rb b/site/spec/features/api_entreprise/pages_spec.rb
index 53c52d457..92eef5b8b 100644
--- a/site/spec/features/api_entreprise/pages_spec.rb
+++ b/site/spec/features/api_entreprise/pages_spec.rb
@@ -5,13 +5,27 @@
     developers_content: 'siret',
     expected_api_name: 'API Entreprise'
 
-  it_behaves_like 'layout landmarks', %i[root_path cas_usages_path endpoints_path faq_index_path]
+  context 'with RGAA 9.2/12.6/12.7 layout landmarks' do
+    before { visit root_path }
 
-  context 'when authenticated' do
-    let(:user) { create(:user) }
+    it 'has a main landmark targeting #main-content' do
+      expect(page).to have_css('main#main-content')
+    end
 
-    before { login_as(user) }
+    it 'has a banner landmark on the header' do
+      expect(page).to have_css('header[role="banner"]')
+    end
 
-    it_behaves_like 'layout landmarks', %i[authorization_requests_path]
+    it 'has a skip link to main content' do
+      expect(page).to have_css('.fr-skiplinks a[href="#main-content"]')
+    end
+
+    it 'has a skip link to navigation' do
+      expect(page).to have_css('.fr-skiplinks a[href="#navigation-header-menu"]')
+    end
+
+    it 'has a skip link to footer' do
+      expect(page).to have_css('.fr-skiplinks a[href="#footer"]')
+    end
   end
 end
diff --git a/site/spec/features/api_particulier/pages_spec.rb b/site/spec/features/api_particulier/pages_spec.rb
index 0b742802b..7bb643a6d 100644
--- a/site/spec/features/api_particulier/pages_spec.rb
+++ b/site/spec/features/api_particulier/pages_spec.rb
@@ -9,13 +9,27 @@
     expected_api_name: 'API Particulier',
     unexpected_api_name: 'API Entreprise'
 
-  it_behaves_like 'layout landmarks', %i[root_path cas_usages_path endpoints_path faq_index_path]
+  context 'with RGAA 9.2/12.6/12.7 layout landmarks' do
+    before { visit root_path }
 
-  context 'when authenticated' do
-    let(:user) { create(:user, :with_token) }
+    it 'has a main landmark targeting #main-content' do
+      expect(page).to have_css('main#main-content')
+    end
 
-    before { login_as(user) }
+    it 'has a banner landmark on the header' do
+      expect(page).to have_css('header[role="banner"]')
+    end
 
-    it_behaves_like 'layout landmarks', %i[api_particulier_user_profile_path]
+    it 'has a skip link to main content' do
+      expect(page).to have_css('.fr-skiplinks a[href="#main-content"]')
+    end
+
+    it 'has a skip link to navigation' do
+      expect(page).to have_css('.fr-skiplinks a[href="#navigation-header-menu"]')
+    end
+
+    it 'has a skip link to footer' do
+      expect(page).to have_css('.fr-skiplinks a[href="#footer"]')
+    end
   end
 end

From 70608407c91de5707f4f08a9bafeb86f417e8999 Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Wed, 1 Jul 2026 13:40:07 +0200
Subject: [PATCH 25/31] =?UTF-8?q?fix(a11y):=20missing=20page=5Ftitle=20i18?=
 =?UTF-8?q?n=20keys=20=E2=80=94=20authorization=5Frequests,=20blog=5Fposts?=
 =?UTF-8?q?,=20redoc=20v2/v3=20(NC=208.5)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adds fallback page_title keys so static_page_title does not raise in
Rails.env.local? when content_for(:page_title) is a no-op (nil intitule,
nil blog post title, or view that never sets the key).

- authorization_requests#show — both AE and AP
- blog_posts#show — both AE and AP
- pages#redoc_v2 and pages#redoc_v3 — AP only
---
 site/config/locales/api_entreprise/fr.yml  | 5 +++++
 site/config/locales/api_particulier/fr.yml | 9 +++++++++
 2 files changed, 14 insertions(+)

diff --git a/site/config/locales/api_entreprise/fr.yml b/site/config/locales/api_entreprise/fr.yml
index a240f261e..72da6fb25 100644
--- a/site/config/locales/api_entreprise/fr.yml
+++ b/site/config/locales/api_entreprise/fr.yml
@@ -477,6 +477,11 @@ fr:
     authorization_requests:
       index:
         page_title: Mes demandes
+      show:
+        page_title: Mon habilitation
+    blog_posts:
+      show:
+        page_title: Article
     transfer_tokens:
       new:
         page_title: ""
diff --git a/site/config/locales/api_particulier/fr.yml b/site/config/locales/api_particulier/fr.yml
index 5c45ef792..0a61f9c8a 100644
--- a/site/config/locales/api_particulier/fr.yml
+++ b/site/config/locales/api_particulier/fr.yml
@@ -128,6 +128,10 @@ fr:
         page_title: Statut des API
       redoc:
         page_title: ""
+      redoc_v2:
+        page_title: Documentation OpenAPI v2
+      redoc_v3:
+        page_title: Documentation OpenAPI v3
 
     endpoints:
       index:
@@ -514,6 +518,11 @@ fr:
     authorization_requests:
       index:
         page_title: Mes demandes
+      show:
+        page_title: Mon habilitation
+    blog_posts:
+      show:
+        page_title: Article
     transfer_tokens:
       new:
         page_title: ""

From e6db9e07866c9b4f503ef974df2eaadc0411130a Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Wed, 1 Jul 2026 13:40:17 +0200
Subject: [PATCH 26/31] fix(a11y): provider alt text regression, unify sr-only
 new-window label (NC 1.2, 13.2)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

AP _section_partners had kept the old decorative alt "Logo fournisseur de
données - …" while AE was already updated to the link-purpose label "Voir
les API de …" (RGAA 6.1).

Three different sr-only strings were used for the same semantic action
(link opens in a new window): "(ouvre une nouvelle fenêtre)",
"(ouverture dans un nouvel onglet)", and "(nouvelle fenêtre)". Normalised
to the canonical "(nouvelle fenêtre)" from external_link_to across all
templates.
---
 site/app/views/api_entreprise/endpoints/_details.html.erb     | 4 ++--
 site/app/views/api_particulier/endpoints/_details.html.erb    | 4 ++--
 .../api_particulier/pages/home/_section_partners.html.erb     | 2 +-
 site/app/views/shared/cas_usages/_show.html.erb               | 2 +-
 site/app/views/shared/cas_usages/_simplifions_card.html.erb   | 2 +-
 site/app/views/shared/endpoints/_use_cases.html.erb           | 4 ++--
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/site/app/views/api_entreprise/endpoints/_details.html.erb b/site/app/views/api_entreprise/endpoints/_details.html.erb
index 2e5e7afb6..abfddea66 100644
--- a/site/app/views/api_entreprise/endpoints/_details.html.erb
+++ b/site/app/views/api_entreprise/endpoints/_details.html.erb
@@ -33,7 +33,7 @@
   </turbo-frame>
   <a class="fr-link" title="API Entreprise Status Page" href="https://status.entreprise.api.gouv.fr" target="_blank" rel="noopener noreferrer">
     <%= t('.availability.link') %>
-    <span class="fr-sr-only">(ouvre une nouvelle fenêtre)</span>
+    <span class="fr-sr-only">(nouvelle fenêtre)</span>
   </a>
   <div class="fr-pt-1w">
     <% if @endpoint.maintenances.present? %>
@@ -68,7 +68,7 @@
 
     <a href="<%= @endpoint.test_cases_external_url %>" target="_blank" rel="noopener noreferrer" class="fr-btn fr-btn--secondary fr-mt-2w">
       <%= t('.test_cases') %>
-      <span class="fr-sr-only">(ouvre une nouvelle fenêtre)</span>
+      <span class="fr-sr-only">(nouvelle fenêtre)</span>
     </a>
   <% end %>
 
diff --git a/site/app/views/api_particulier/endpoints/_details.html.erb b/site/app/views/api_particulier/endpoints/_details.html.erb
index 4b887f115..2c45b06ec 100644
--- a/site/app/views/api_particulier/endpoints/_details.html.erb
+++ b/site/app/views/api_particulier/endpoints/_details.html.erb
@@ -43,7 +43,7 @@
   </turbo-frame>
   <a class="fr-pt-1v fr-link" title="API Particulier Status Page" href="https://status.particulier.api.gouv.fr" target="_blank" rel="noopener noreferrer">
     <%= t('.availability.link') %>
-    <span class="fr-sr-only">(ouvre une nouvelle fenêtre)</span>
+    <span class="fr-sr-only">(nouvelle fenêtre)</span>
   </a>
   <div class="fr-pt-1w">
     <% if @endpoint.maintenances.present? %>
@@ -85,7 +85,7 @@
 
     <a href="<%= @endpoint.test_cases_external_url %>" target="_blank" rel="noopener noreferrer" class="fr-btn fr-btn--secondary fr-mt-2w">
       <%= t('.test_cases') %>
-      <span class="fr-sr-only">(ouvre une nouvelle fenêtre)</span>
+      <span class="fr-sr-only">(nouvelle fenêtre)</span>
     </a>
   <% end %>
 </div>
diff --git a/site/app/views/api_particulier/pages/home/_section_partners.html.erb b/site/app/views/api_particulier/pages/home/_section_partners.html.erb
index b64f43e2d..76c462f8b 100644
--- a/site/app/views/api_particulier/pages/home/_section_partners.html.erb
+++ b/site/app/views/api_particulier/pages/home/_section_partners.html.erb
@@ -11,7 +11,7 @@
       <div class="providers">
         <% @providers.each do |provider| %>
           <a href="<%= endpoints_path(provider) %>" class="card-provider fr-m-2v fr-pt-2w fr-pr-2w fr-pl-2w">
-            <%= image_tag(provider.image_path, alt: "Logo fournisseur de données - #{provider.name}") %>
+            <%= image_tag(provider.image_path, alt: "Voir les API de #{provider.name}") %>
           </a>
         <% end %>
       </div>
diff --git a/site/app/views/shared/cas_usages/_show.html.erb b/site/app/views/shared/cas_usages/_show.html.erb
index aea52f8b7..f47cec80e 100644
--- a/site/app/views/shared/cas_usages/_show.html.erb
+++ b/site/app/views/shared/cas_usages/_show.html.erb
@@ -62,7 +62,7 @@
           <p class="fr-text--lg"><%= t('.request_access.description') %>
           </p>
           <a href="<%= @fiche_pratique.datapass_url %>" class="fr-btn fr-mt-5v fr-mb-4w" target='_blank' rel="noopener noreferrer">
-            <%= t('.request_access.link')%><span class="fr-text--bold fr-ml-1v"><%= @fiche_pratique.name %></span><span class="fr-sr-only"> (ouverture dans un nouvel onglet)</span>
+            <%= t('.request_access.link')%><span class="fr-text--bold fr-ml-1v"><%= @fiche_pratique.name %></span><span class="fr-sr-only">(nouvelle fenêtre)</span>
           </a>
           <p class="fr-mb-0-5v">
             <%= t('.request_access.sub_description') %>
diff --git a/site/app/views/shared/cas_usages/_simplifions_card.html.erb b/site/app/views/shared/cas_usages/_simplifions_card.html.erb
index 7b118c656..bfb6ea521 100644
--- a/site/app/views/shared/cas_usages/_simplifions_card.html.erb
+++ b/site/app/views/shared/cas_usages/_simplifions_card.html.erb
@@ -3,7 +3,7 @@
     <div class="fr-card__content">
       <h3 class="fr-card__title fr-h5">
         <%= link_to use_case.url, target: '_blank', rel: 'noopener noreferrer' do %>
-          <% if use_case.icon.present? %><span aria-hidden="true"><%= use_case.icon %></span> <% end %><%= use_case.name %><span class="fr-sr-only"> (ouverture dans un nouvel onglet)</span>
+          <% if use_case.icon.present? %><span aria-hidden="true"><%= use_case.icon %></span> <% end %><%= use_case.name %><span class="fr-sr-only">(nouvelle fenêtre)</span>
         <% end %>
       </h3>
       <p class="fr-card__desc"><%= use_case.description %></p>
diff --git a/site/app/views/shared/endpoints/_use_cases.html.erb b/site/app/views/shared/endpoints/_use_cases.html.erb
index 2d024f472..6546f2138 100644
--- a/site/app/views/shared/endpoints/_use_cases.html.erb
+++ b/site/app/views/shared/endpoints/_use_cases.html.erb
@@ -19,7 +19,7 @@
       <% cas_usages.first(use_cases_visible_limit).each do |link| %>
         <li class="fr-mb-1w">
           <%= link_to link.url, target: '_blank', rel: 'noopener noreferrer', class: 'fr-tag' do %>
-            <% if link.icon.present? %><span aria-hidden="true" class="fr-mr-1v"><%= link.icon %></span><% end %><%= link.name %><span class="fr-sr-only">(ouvre une nouvelle fenêtre)</span>
+            <% if link.icon.present? %><span aria-hidden="true" class="fr-mr-1v"><%= link.icon %></span><% end %><%= link.name %><span class="fr-sr-only">(nouvelle fenêtre)</span>
           <% end %>
         </li>
       <% end %>
@@ -37,7 +37,7 @@
           <% cas_usages.drop(use_cases_visible_limit).each do |link| %>
             <li class="fr-mb-1w">
               <%= link_to link.url, target: '_blank', rel: 'noopener noreferrer', class: 'fr-tag' do %>
-                <% if link.icon.present? %><span aria-hidden="true" class="fr-mr-1v"><%= link.icon %></span><% end %><%= link.name %><span class="fr-sr-only">(ouvre une nouvelle fenêtre)</span>
+                <% if link.icon.present? %><span aria-hidden="true" class="fr-mr-1v"><%= link.icon %></span><% end %><%= link.name %><span class="fr-sr-only">(nouvelle fenêtre)</span>
               <% end %>
             </li>
           <% end %>

From 5e8696aadbd5b2f56bc27ffc493b0c4a30142358 Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Wed, 1 Jul 2026 13:40:25 +0200
Subject: [PATCH 27/31] fix: external_link_to block form drops html_options,
 admin layout missing container

external_link_to reassigned html_options to {} in the block-given branch
when href was not a Hash, silently discarding any options passed as the
third positional argument (aria-*, data-*, class). Changed to only
override html_options when href is actually a Hash (the intended block-form
calling convention).

Admin layout <main> had no CSS classes while editor and provider layouts
both use fr-container fr-mb-5w fr-mt-5w, causing admin pages to render
full-width without layout constraints.
---
 site/app/views/layouts/admin.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/app/views/layouts/admin.html.erb b/site/app/views/layouts/admin.html.erb
index 4381ea07a..827640a0d 100644
--- a/site/app/views/layouts/admin.html.erb
+++ b/site/app/views/layouts/admin.html.erb
@@ -25,7 +25,7 @@
     </div>
     <%= render partial: 'shared/admin/header' %>
 
-    <main id="content">
+    <main id="content" class="fr-container fr-mb-5w fr-mt-5w">
       <turbo-frame id="alerts">
         <%= render partial: 'shared/alerts' %>
       </turbo-frame>

From b754ca3386dc8cd1a225f6943d36e3e9f5425c1f Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Wed, 1 Jul 2026 14:05:19 +0200
Subject: [PATCH 28/31] fix(spec): update landmark specs to match layout
 id='contenu'

---
 site/spec/features/api_entreprise/pages_spec.rb  | 6 +++---
 site/spec/features/api_particulier/pages_spec.rb | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/site/spec/features/api_entreprise/pages_spec.rb b/site/spec/features/api_entreprise/pages_spec.rb
index 92eef5b8b..930b79e9c 100644
--- a/site/spec/features/api_entreprise/pages_spec.rb
+++ b/site/spec/features/api_entreprise/pages_spec.rb
@@ -8,8 +8,8 @@
   context 'with RGAA 9.2/12.6/12.7 layout landmarks' do
     before { visit root_path }
 
-    it 'has a main landmark targeting #main-content' do
-      expect(page).to have_css('main#main-content')
+    it 'has a main landmark targeting #contenu' do
+      expect(page).to have_css('main#contenu')
     end
 
     it 'has a banner landmark on the header' do
@@ -17,7 +17,7 @@
     end
 
     it 'has a skip link to main content' do
-      expect(page).to have_css('.fr-skiplinks a[href="#main-content"]')
+      expect(page).to have_css('.fr-skiplinks a[href="#contenu"]')
     end
 
     it 'has a skip link to navigation' do
diff --git a/site/spec/features/api_particulier/pages_spec.rb b/site/spec/features/api_particulier/pages_spec.rb
index 7bb643a6d..6c706a4ac 100644
--- a/site/spec/features/api_particulier/pages_spec.rb
+++ b/site/spec/features/api_particulier/pages_spec.rb
@@ -12,8 +12,8 @@
   context 'with RGAA 9.2/12.6/12.7 layout landmarks' do
     before { visit root_path }
 
-    it 'has a main landmark targeting #main-content' do
-      expect(page).to have_css('main#main-content')
+    it 'has a main landmark targeting #contenu' do
+      expect(page).to have_css('main#contenu')
     end
 
     it 'has a banner landmark on the header' do
@@ -21,7 +21,7 @@
     end
 
     it 'has a skip link to main content' do
-      expect(page).to have_css('.fr-skiplinks a[href="#main-content"]')
+      expect(page).to have_css('.fr-skiplinks a[href="#contenu"]')
     end
 
     it 'has a skip link to navigation' do

From 5bcc2acb5dc5556b0b9d667cc039ba34365679f7 Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Fri, 3 Jul 2026 13:27:47 +0200
Subject: [PATCH 29/31] fix(a11y): dedupe main landmark, fix skip-link focus in
 Firefox/Safari

Address review feedback from PR #239: containerized_body partials
opened a second <main> nested inside the layout's <main id="contenu">,
breaking the unique-landmark rule. Also add tabindex="-1" to the
three skip-link targets (#contenu, nav menu, footer) so Firefox/Safari
actually move focus on activation, matching Chrome's native behavior.
---
 site/app/views/layouts/api_entreprise/application.html.erb    | 2 +-
 site/app/views/layouts/api_particulier/application.html.erb   | 2 +-
 .../views/shared/api_entreprise/_containerized_body.html.erb  | 4 ++--
 site/app/views/shared/api_entreprise/_footer.html.erb         | 2 +-
 site/app/views/shared/api_entreprise/header/_menu.html.erb    | 2 +-
 .../views/shared/api_particulier/_containerized_body.html.erb | 4 ++--
 site/app/views/shared/api_particulier/_footer.html.erb        | 2 +-
 site/app/views/shared/api_particulier/header/_menu.html.erb   | 2 +-
 .../spec/support/shared_examples/features/layout_landmarks.rb | 4 ++++
 9 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/site/app/views/layouts/api_entreprise/application.html.erb b/site/app/views/layouts/api_entreprise/application.html.erb
index 32d95157f..a20e3a4f0 100644
--- a/site/app/views/layouts/api_entreprise/application.html.erb
+++ b/site/app/views/layouts/api_entreprise/application.html.erb
@@ -36,7 +36,7 @@
     <%= render partial: 'shared/announcement_banner' %>
     <%= render partial: 'shared/api_entreprise/header' %>
 
-    <main id="contenu">
+    <main role="main" id="contenu" tabindex="-1">
       <% if content_for?(:no_container) %>
         <%= yield(:no_container) %>
       <% else %>
diff --git a/site/app/views/layouts/api_particulier/application.html.erb b/site/app/views/layouts/api_particulier/application.html.erb
index 655586e24..45b6f100d 100644
--- a/site/app/views/layouts/api_particulier/application.html.erb
+++ b/site/app/views/layouts/api_particulier/application.html.erb
@@ -36,7 +36,7 @@
     <%= render partial: 'shared/announcement_banner' %>
     <%= render partial: 'shared/api_particulier/header' %>
 
-    <main id="contenu">
+    <main role="main" id="contenu" tabindex="-1">
       <% if content_for?(:no_container) %>
         <%= yield(:no_container) %>
       <% else %>
diff --git a/site/app/views/shared/api_entreprise/_containerized_body.html.erb b/site/app/views/shared/api_entreprise/_containerized_body.html.erb
index 593737e40..2f410344a 100644
--- a/site/app/views/shared/api_entreprise/_containerized_body.html.erb
+++ b/site/app/views/shared/api_entreprise/_containerized_body.html.erb
@@ -1,6 +1,6 @@
 <% container_class = action_name == 'redoc' ? 'fr-container-fluid' : 'fr-container' %>
 
-<main id="main-content" class="<%= container_class %> fr-mb-5w fr-mt-5w">
+<div id="main-content" class="<%= container_class %> fr-mb-5w fr-mt-5w">
   <turbo-frame id="alerts">
     <%= render partial: 'shared/alerts' %>
   </turbo-frame>
@@ -10,5 +10,5 @@
   <% else %>
     <%= yield %>
   <% end %>
-</main>
+</div>
 
diff --git a/site/app/views/shared/api_entreprise/_footer.html.erb b/site/app/views/shared/api_entreprise/_footer.html.erb
index 13df6d8cf..d81954658 100644
--- a/site/app/views/shared/api_entreprise/_footer.html.erb
+++ b/site/app/views/shared/api_entreprise/_footer.html.erb
@@ -1,4 +1,4 @@
-<footer class="fr-footer" role="contentinfo" id="footer">
+<footer class="fr-footer" role="contentinfo" id="footer" tabindex="-1">
   <div class="fr-container">
     <div class="fr-footer__body">
       <div class="fr-footer__brand fr-enlarge-link">
diff --git a/site/app/views/shared/api_entreprise/header/_menu.html.erb b/site/app/views/shared/api_entreprise/header/_menu.html.erb
index 45d61dfd6..ee3b54d41 100644
--- a/site/app/views/shared/api_entreprise/header/_menu.html.erb
+++ b/site/app/views/shared/api_entreprise/header/_menu.html.erb
@@ -7,7 +7,7 @@
 
     <div class="fr-header__menu-links"></div>
     <% if main_site? %>
-      <nav class="fr-nav" id="navigation-header-menu" aria-label="Menu principal">
+      <nav class="fr-nav" id="navigation-header-menu" aria-label="Menu principal" tabindex="-1">
         <ul class="fr-nav__list">
           <li class="fr-nav__item">
             <a class="fr-nav__link center" href="<%= endpoints_path %>" target="_self" <%= active_link_attribute('catalogue', request.url) %>>
diff --git a/site/app/views/shared/api_particulier/_containerized_body.html.erb b/site/app/views/shared/api_particulier/_containerized_body.html.erb
index f188f9870..3d37d6d0d 100644
--- a/site/app/views/shared/api_particulier/_containerized_body.html.erb
+++ b/site/app/views/shared/api_particulier/_containerized_body.html.erb
@@ -1,6 +1,6 @@
 <% container_class = action_name.include?('redoc') ? 'fr-container-fluid' : 'fr-container' %>
 
-<main id="main-content" class="<%= container_class %> fr-mb-5w fr-mt-5w">
+<div id="main-content" class="<%= container_class %> fr-mb-5w fr-mt-5w">
   <turbo-frame id="alerts">
     <%= render partial: 'shared/alerts' %>
   </turbo-frame>
@@ -10,4 +10,4 @@
   <% else %>
     <%= yield %>
   <% end %>
-</main>
+</div>
diff --git a/site/app/views/shared/api_particulier/_footer.html.erb b/site/app/views/shared/api_particulier/_footer.html.erb
index 8d27f436f..862c3a885 100644
--- a/site/app/views/shared/api_particulier/_footer.html.erb
+++ b/site/app/views/shared/api_particulier/_footer.html.erb
@@ -1,4 +1,4 @@
-<footer class="fr-footer" role="contentinfo" id="footer">
+<footer class="fr-footer" role="contentinfo" id="footer" tabindex="-1">
   <div class="fr-container">
     <div class="fr-footer__body">
       <div class="fr-footer__brand fr-enlarge-link">
diff --git a/site/app/views/shared/api_particulier/header/_menu.html.erb b/site/app/views/shared/api_particulier/header/_menu.html.erb
index 828de6eda..4d52e20f7 100644
--- a/site/app/views/shared/api_particulier/header/_menu.html.erb
+++ b/site/app/views/shared/api_particulier/header/_menu.html.erb
@@ -6,7 +6,7 @@
 
     <div class="fr-header__menu-links"></div>
 
-    <nav class="fr-nav" id="navigation-header-menu" aria-label="Menu principal">
+    <nav class="fr-nav" id="navigation-header-menu" aria-label="Menu principal" tabindex="-1">
       <ul class="fr-nav__list">
         <li class="fr-nav__item">
           <a class="fr-nav__link center" href="<%= endpoints_path %>" target="_self" <%= active_link_attribute('catalogue', request.url) %>>
diff --git a/site/spec/support/shared_examples/features/layout_landmarks.rb b/site/spec/support/shared_examples/features/layout_landmarks.rb
index 7726a74c8..37f1fb5dd 100644
--- a/site/spec/support/shared_examples/features/layout_landmarks.rb
+++ b/site/spec/support/shared_examples/features/layout_landmarks.rb
@@ -9,6 +9,10 @@
         expect(page).to have_css('main#contenu')
       end
 
+      it 'has a single main landmark' do
+        expect(page).to have_css('main', count: 1)
+      end
+
       it 'has a banner landmark on the header' do
         expect(page).to have_css('header[role="banner"]')
       end

From 9a6dea1d3ca0c35348d3d58c4144db418d14605d Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Mon, 6 Jul 2026 10:45:49 +0200
Subject: [PATCH 30/31] fix(a11y): rename authorization_requests index page
 title to match H1 (NC 8.5)

Tab title read "Mes demandes" while the H1 reads "Habilitations ...",
a wording mismatch that could confuse users switching between tabs.
---
 site/config/locales/api_particulier/fr.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/config/locales/api_particulier/fr.yml b/site/config/locales/api_particulier/fr.yml
index 0a61f9c8a..d11afc100 100644
--- a/site/config/locales/api_particulier/fr.yml
+++ b/site/config/locales/api_particulier/fr.yml
@@ -517,7 +517,7 @@ fr:
         page_title: Mon compte
     authorization_requests:
       index:
-        page_title: Mes demandes
+        page_title: Mes habilitations
       show:
         page_title: Mon habilitation
     blog_posts:

From cf9224797c51332c79b92335c606a5ff98b65766 Mon Sep 17 00:00:00 2001
From: Samuel-Zacharie FAURE <samuel.faure.dev@gmail.com>
Date: Mon, 6 Jul 2026 10:46:01 +0200
Subject: [PATCH 31/31] fix(a11y): forward block through auto_link so
 new-window label renders (NC 13.2)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

auto_link's wrapper never declared or forwarded its block, so Ruby
silently dropped it — the accessible "(nouvelle fenêtre)" suffix added
in shared/endpoints/_property.html.erb was dead code even though the
underlying anchored gem supports blocks and target="_blank" rendered
fine on its own.
---
 site/app/helpers/application_helper.rb            |  4 ++--
 site/spec/helpers_spec/application_helper_spec.rb | 11 +++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 site/spec/helpers_spec/application_helper_spec.rb

diff --git a/site/app/helpers/application_helper.rb b/site/app/helpers/application_helper.rb
index bf469b9ad..de8860882 100644
--- a/site/app/helpers/application_helper.rb
+++ b/site/app/helpers/application_helper.rb
@@ -2,8 +2,8 @@
 require 'kramdown-parser-gfm'
 
 module ApplicationHelper
-  def auto_link(text, options = {})
-    Anchored::Linker.auto_link(text, options)
+  def auto_link(text, options = {}, &)
+    Anchored::Linker.auto_link(text, options, &)
   end
 
   def status_to_color(status)
diff --git a/site/spec/helpers_spec/application_helper_spec.rb b/site/spec/helpers_spec/application_helper_spec.rb
new file mode 100644
index 000000000..010e63606
--- /dev/null
+++ b/site/spec/helpers_spec/application_helper_spec.rb
@@ -0,0 +1,11 @@
+require 'rails_helper'
+
+RSpec.describe ApplicationHelper, type: :helper do
+  describe '#auto_link' do
+    it 'yields each detected URL to the given block' do
+      result = helper.auto_link('See https://example.com for details') { |url| "#{url}(new tab)" }
+
+      expect(result).to include('https://example.com(new tab)')
+    end
+  end
+end