From 386d679d8073e873e558467848d6192d8823cfe9 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 24 Sep 2026 22:57:22 +0000
Subject: [PATCH] =?UTF-8?q?Lien=20FR/EN=20:=20libell=C3=A9=20accessible=20?=
 =?UTF-8?q?=C2=AB=20undefined=20=C2=BB=20depuis=20le=20lot=201?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Le générateur écrit le lien de langue avec aria-label = nav.langToggleLabel,
mais ne demandait au navigateur que les clés citées par le gabarit : la clé
manquait, et les quatre pages en ligne annonçaient « undefined » aux lecteurs
d'écran à la place de « Switch to English » / « Passer en français ».

La clé est désormais toujours demandée, le générateur échoue si elle manque,
et check-seo.mjs (critère 7) vérifie le libellé exact.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011xf6atLum6g68MUw2hi81e
---
 en/index.html              | 2 +-
 en/results.html            | 2 +-
 index.html                 | 2 +-
 results.html               | 2 +-
 scripts/check-seo.mjs      | 6 ++++--
 scripts/generate-static.js | 4 +++-
 6 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/en/index.html b/en/index.html
index 317a75d..26cd7aa 100644
--- a/en/index.html
+++ b/en/index.html
@@ -197,7 +197,7 @@
         <!-- Lien vers la même page dans l'autre langue (app.js y ajoute l'ancre
              courante au clic). Zone générée par scripts/generate-static.js. -->
         <!-- static:langToggle -->
-<a id="langToggle" class="btn" href="/" hreflang="fr" lang="fr" aria-label="undefined">FR</a>
+<a id="langToggle" class="btn" href="/" hreflang="fr" lang="fr" aria-label="Passer en français">FR</a>
 <!-- /static:langToggle -->
         <button id="focusToggle" class="btn icon-btn" type="button" aria-pressed="false" data-i18n-aria="nav.focusToggle" aria-label="Focus mode" title="Focus mode">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
diff --git a/en/results.html b/en/results.html
index a25fbc3..b53e93f 100644
--- a/en/results.html
+++ b/en/results.html
@@ -80,7 +80,7 @@
         <!-- Lien vers la même page dans l'autre langue (results.js y ajoute
              l'ancre courante au clic). Zone générée par scripts/generate-static.js. -->
         <!-- static:langToggle -->
-<a id="langToggle" class="btn" href="/results.html" hreflang="fr" lang="fr" aria-label="undefined">FR</a>
+<a id="langToggle" class="btn" href="/results.html" hreflang="fr" lang="fr" aria-label="Passer en français">FR</a>
 <!-- /static:langToggle -->
       </div>
     </div>
diff --git a/index.html b/index.html
index 33b3ef1..c712232 100644
--- a/index.html
+++ b/index.html
@@ -210,7 +210,7 @@
         <!-- Lien vers la même page dans l'autre langue (app.js y ajoute l'ancre
              courante au clic). Zone générée par scripts/generate-static.js. -->
         <!-- static:langToggle -->
-<a id="langToggle" class="btn" href="/en/" hreflang="en" lang="en" aria-label="undefined">EN</a>
+<a id="langToggle" class="btn" href="/en/" hreflang="en" lang="en" aria-label="Switch to English">EN</a>
 <!-- /static:langToggle -->
         <button id="focusToggle" class="btn icon-btn" type="button" aria-pressed="false" data-i18n-aria="nav.focusToggle" aria-label="Focus lecture" title="Focus lecture">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
diff --git a/results.html b/results.html
index 5023c67..2585fd3 100644
--- a/results.html
+++ b/results.html
@@ -93,7 +93,7 @@
         <!-- Lien vers la même page dans l'autre langue (results.js y ajoute
              l'ancre courante au clic). Zone générée par scripts/generate-static.js. -->
         <!-- static:langToggle -->
-<a id="langToggle" class="btn" href="/en/results.html" hreflang="en" lang="en" aria-label="undefined">EN</a>
+<a id="langToggle" class="btn" href="/en/results.html" hreflang="en" lang="en" aria-label="Switch to English">EN</a>
 <!-- /static:langToggle -->
       </div>
     </div>
diff --git a/scripts/check-seo.mjs b/scripts/check-seo.mjs
index 1eb3033..b07205c 100644
--- a/scripts/check-seo.mjs
+++ b/scripts/check-seo.mjs
@@ -413,7 +413,7 @@ async function lot1(browser) {
     const { page } = await openTracked(jsCtx, from + hash);
     const link = await page.evaluate(() => {
       const a = document.getElementById("langToggle");
-      return a ? { tag: a.tagName, hreflang: a.getAttribute("hreflang"), lang: a.getAttribute("lang"), href: a.getAttribute("href") } : null;
+      return a ? { tag: a.tagName, hreflang: a.getAttribute("hreflang"), lang: a.getAttribute("lang"), href: a.getAttribute("href"), label: a.getAttribute("aria-label") } : null;
     });
     let arrived = "";
     if (link && link.tag === "A") {
@@ -423,7 +423,9 @@ async function lot1(browser) {
     }
     await page.close();
     const other = from.startsWith("/en/") ? "fr" : "en";
-    check(1, "1.7", `lien de langue ${from + hash} → ${to} (<a hreflang="${other}" lang="${other}">)`, link && link.tag === "A" && link.hreflang === other && link.lang === other && arrived === to, link ? `<${link.tag.toLowerCase()} href="${link.href}" hreflang=${link.hreflang} lang=${link.lang}> → ${arrived}` : "pas de #langToggle");
+    // Libellé accessible dans la langue de la cible (nav.langToggleLabel).
+    const label = other === "en" ? "Switch to English" : "Passer en français";
+    check(1, "1.7", `lien de langue ${from + hash} → ${to} (<a hreflang="${other}" lang="${other}" aria-label="${label}">)`, link && link.tag === "A" && link.hreflang === other && link.lang === other && link.label === label && arrived === to, link ? `<${link.tag.toLowerCase()} href="${link.href}" hreflang=${link.hreflang} lang=${link.lang} aria-label="${link.label}"> → ${arrived}` : "pas de #langToggle");
   }
 
   // Critère 8 — liens internes dans la langue de la page (rendu avec JS).
diff --git a/scripts/generate-static.js b/scripts/generate-static.js
index 3a60c31..68be437 100644
--- a/scripts/generate-static.js
+++ b/scripts/generate-static.js
@@ -244,6 +244,7 @@ function langLinksHtml(page, lang) {
 // langue de sa cible (hreflang, lang). Le libellé accessible vient d'i18n.js.
 function langToggleHtml(page, lang, dict) {
   const other = lang === "fr" ? "en" : "fr";
+  if (!dict["nav.langToggleLabel"]) throw new Error(`${page.out[lang]} : libellé nav.langToggleLabel introuvable dans i18n.js`);
   const href = new URL(page.urls[other]).pathname;
   return `<a id="langToggle" class="btn" href="${href}" hreflang="${other}" lang="${other}" aria-label="${escapeAttr(dict["nav.langToggleLabel"])}">${other.toUpperCase()}</a>`;
 }
@@ -380,7 +381,8 @@ function englishShell(frHtml, file) {
 
     for (const page of PAGES) {
       const template = fs.readFileSync(path.join(ROOT, page.template), "utf8");
-      const keys = i18nKeys(template);
+      // + le libellé du lien FR/EN, que le gabarit ne cite pas (zone calculée).
+      const keys = [...i18nKeys(template), "nav.langToggleLabel"];
 
       const fr = await renderPage(browser, page, "fr", { slug: slugs[0], keys });
       const frOut = applyRender(template, page, "fr", fr);