From 2b3eeb98e0d17d6bb29a29ac6f496d6405f1b0ed Mon Sep 17 00:00:00 2001
From: Allison <allison@innova-ai.net>
Date: Mon, 27 Apr 2026 20:34:53 -0400
Subject: [PATCH] fix(marketing): A-2.7b WCAG 2.2 AA polish + JSON-LD test
 hardening
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Drop role="region" from FAQ panels (had no accessible name — axe-core
  violation; disclosure pattern with button + aria-controls + aria-expanded
  is sufficient per WAI-APG accordion guidance)
- Add focus-visible:outline-2 outline-brand-b1 outline-offset-2 to FAQ
  buttons (WCAG 2.2 AA 2.4.7 Focus Not Obscured + 2.4.11 Focus Appearance —
  Safari default focus indicator is unreliable)
- Sweep pre-existing text-white/50 on Hero social proof microcopy → /70
  (branch-wide WCAG floor; recurring landmine flagged at A-2.7a review)
- Strengthen test_faq_jsonld_schema_present to json.loads() the extracted
  block and validate the FAQPage schema shape (regression guard for future
  content edits with unescaped backslashes/quotes)
---
 static/css/marketing.css                 | 16 ++++++++++++++++
 templates/marketing/landing.html         |  7 +++----
 tests/test_marketing_landing_template.py | 17 +++++++++++++++++
 3 files changed, 36 insertions(+), 4 deletions(-)

diff --git a/static/css/marketing.css b/static/css/marketing.css
index f9d6bee..7e6ba40 100644
--- a/static/css/marketing.css
+++ b/static/css/marketing.css
@@ -3701,6 +3701,22 @@
       outline-style: none;
     }
   }
+  .focus-visible\:outline-2 {
+    &:focus-visible {
+      outline-style: var(--tw-outline-style);
+      outline-width: 2px;
+    }
+  }
+  .focus-visible\:outline-offset-2 {
+    &:focus-visible {
+      outline-offset: 2px;
+    }
+  }
+  .focus-visible\:outline-brand-b1 {
+    &:focus-visible {
+      outline-color: #0062ff;
+    }
+  }
   .active\:scale-95 {
     &:active {
       --tw-scale-x: 95%;
diff --git a/templates/marketing/landing.html b/templates/marketing/landing.html
index 0891706..d83ff7e 100644
--- a/templates/marketing/landing.html
+++ b/templates/marketing/landing.html
@@ -51,7 +51,7 @@
       </div>
 
       {# Social proof microcopy — defensible: refers to pre-launch waitlist + factual ordres pros count #}
-      <p class="mt-8 text-sm text-white/50 animate-tc-fade-in-up" style="animation-delay: 400ms; animation-fill-mode: backwards;">
+      <p class="mt-8 text-sm text-white/70 animate-tc-fade-in-up" style="animation-delay: 400ms; animation-fill-mode: backwards;">
         <span class="inline-flex items-center gap-1.5">
           <svg width="14" height="14" viewBox="0 0 20 20" fill="currentColor" class="text-brand-b3" aria-hidden="true">
             <path d="M10 2L3 5v5.5c0 4.04 2.84 7.85 7 8.5 4.16-.65 7-4.46 7-8.5V5l-7-3z"/>
@@ -484,7 +484,7 @@
       <div x-data="{ open: false }" class="py-2" role="listitem">
         <h3>
           <button type="button"
-                  class="w-full flex items-center justify-between gap-4 py-4 text-left hover:bg-brand-bg/50 transition-colors rounded-md px-2"
+                  class="w-full flex items-center justify-between gap-4 py-4 text-left hover:bg-brand-bg/50 transition-colors rounded-md px-2 focus-visible:outline-2 focus-visible:outline-brand-b1 focus-visible:outline-offset-2"
                   @click="open = !open"
                   :aria-expanded="open.toString()"
                   aria-controls="faq-panel-{{ loop.index }}">
@@ -495,8 +495,7 @@
         </h3>
         <div id="faq-panel-{{ loop.index }}"
              x-show="open"
-             x-transition.opacity.duration.200ms
-             role="region">
+             x-transition.opacity.duration.200ms>
           <p class="px-2 pb-4 text-sm text-brand-navy/80 leading-relaxed">{{ item.a | safe }}</p>
         </div>
       </div>
diff --git a/tests/test_marketing_landing_template.py b/tests/test_marketing_landing_template.py
index 3738cd4..af55b5e 100644
--- a/tests/test_marketing_landing_template.py
+++ b/tests/test_marketing_landing_template.py
@@ -696,6 +696,23 @@ def test_faq_jsonld_schema_present():
     assert '&nbsp;' not in body[body.find('"FAQPage"'):body.find('</script>', body.find('"FAQPage"'))], \
         "JSON-LD must not contain raw '&nbsp;' entities — strip them server-side"
 
+    # M-1 hardening: actually parse the JSON-LD to catch malformed JSON regressions
+    import json
+    import re
+    match = re.search(r'<script type="application/ld\+json">(.*?)</script>',
+                      body, re.DOTALL)
+    assert match, "JSON-LD block not found"
+    parsed = json.loads(match.group(1))
+    assert parsed['@context'] == 'https://schema.org'
+    assert parsed['@type'] == 'FAQPage'
+    assert isinstance(parsed['mainEntity'], list)
+    assert len(parsed['mainEntity']) == 7, "FAQPage must contain exactly 7 questions"
+    for q in parsed['mainEntity']:
+        assert q['@type'] == 'Question'
+        assert q['acceptedAnswer']['@type'] == 'Answer'
+        assert q['name'].strip(), "Question name must not be empty"
+        assert q['acceptedAnswer']['text'].strip(), "Answer text must not be empty"
+
 
 def test_cta_final_section():
     """CTA final section with mailto pré-inscription + ghost button to #tarifs."""