style: apply accessibility badge contrast refinements and update primary color to #4E77FF

2026-08-20 22:42:26 +09:00
parent 898afbcad6
commit 0d58be61a0
8 changed files with 255 additions and 23 deletions
@@ -249,6 +249,113 @@ def test_token_contracts():
    print("✅ Gate 9 PASSED: Color token alpha contract, space separation (AC-36), and Header clean styling (AC-37) verified")
    return True

+def srgb_luminance(r, g, b):
+    def adjust(c):
+        c = c / 255.0
+        return c / 12.92 if c <= 0.04045 else ((c + 0.055) / 1.055) ** 2.4
+    return 0.2126 * adjust(r) + 0.7152 * adjust(g) + 0.0722 * adjust(b)
+
+def contrast_ratio(rgb1, rgb2):
+    l1 = srgb_luminance(*rgb1)
+    l2 = srgb_luminance(*rgb2)
+    return (max(l1, l2) + 0.05) / (min(l1, l2) + 0.05)
+
+def test_color_contrast_gate():
+    print("\n--- Gate 10: WCAG 2.1 AA Color Contrast & Whitelist Gate (AC-43 / AC-44 / AC-45 / AC-47) ---")
+    globals_css = os.path.join(REFER_DIR, "app", "globals.css")
+    with open(globals_css, "r", encoding="utf-8") as f:
+        css_text = f.read()
+
+    # Parse light and dark RGB tokens
+    root_match = re.search(r':root\s*\{([^}]+)\}', css_text, flags=re.S)
+    dark_match = re.search(r'html\[data-theme="dark"\]\s*\{([^}]+)\}', css_text, flags=re.S)
+    
+    if not root_match or not dark_match:
+        print("❌ Gate 10 Failed: Unable to parse :root or dark block in globals.css")
+        return False
+
+    def parse_tokens(block):
+        res = {}
+        for m in re.finditer(r'--([a-z-]+)-rgb:\s*(\d+)\s+(\d+)\s+(\d+);', block):
+            res[m.group(1)] = (int(m.group(2)), int(m.group(3)), int(m.group(4)))
+        return res
+
+    light_tokens = parse_tokens(root_match.group(1))
+    dark_tokens = parse_tokens(dark_match.group(1))
+
+    # AC-43: Verify contrast thresholds for cobalt-dark and vermillion-dark on ivory and paper
+    cd_light = light_tokens.get("cobalt-dark")
+    vd_light = light_tokens.get("vermillion-dark")
+    ivory_light = light_tokens.get("ivory")
+    paper_light = light_tokens.get("paper")
+
+    if not all([cd_light, vd_light, ivory_light, paper_light]):
+        print("❌ AC-43 Failed: Missing required light RGB tokens")
+        return False
+
+    ratio_cd_ivory = contrast_ratio(cd_light, ivory_light)
+    ratio_cd_paper = contrast_ratio(cd_light, paper_light)
+    ratio_vd_ivory = contrast_ratio(vd_light, ivory_light)
+    ratio_vd_paper = contrast_ratio(vd_light, paper_light)
+
+    if ratio_cd_ivory < 4.5 or ratio_cd_paper < 4.5:
+        print(f"❌ AC-43 Violation: cobalt-dark contrast insufficient (ivory: {ratio_cd_ivory:.2f}, paper: {ratio_cd_paper:.2f})")
+        return False
+    if ratio_vd_ivory < 4.5 or ratio_vd_paper < 4.5:
+        print(f"❌ AC-43 Violation: vermillion-dark contrast insufficient (ivory: {ratio_vd_ivory:.2f}, paper: {ratio_vd_paper:.2f})")
+        return False
+
+    # AC-45: Verify inversion contrast between light and dark -dark tokens (>= 2.0)
+    cd_l = light_tokens.get("cobalt-dark")
+    cd_d = dark_tokens.get("cobalt-dark")
+    vd_l = light_tokens.get("vermillion-dark")
+    vd_d = dark_tokens.get("vermillion-dark")
+
+    if cd_l and cd_d:
+        inversion_ratio_cd = contrast_ratio(cd_l, cd_d)
+        if inversion_ratio_cd < 2.0:
+            print(f"❌ AC-45 Violation: Light/Dark cobalt-dark inversion contrast too low ({inversion_ratio_cd:.2f} < 2.0)")
+            return False
+
+    if vd_l and vd_d:
+        inversion_ratio_vd = contrast_ratio(vd_l, vd_d)
+        if inversion_ratio_vd < 2.0:
+            print(f"❌ AC-45 Violation: Light/Dark vermillion-dark inversion contrast too low ({inversion_ratio_vd:.2f} < 2.0)")
+            return False
+
+    # AC-44: Verify text-cobalt or text-vermillion (DEFAULT) is not combined with small text sizes
+    # AC-47: Verify text-white utility usage <= 8 instances
+    white_count = 0
+    small_size_pattern = re.compile(r'text-(xs|sm|\[0\.65rem\]|\[0\.78rem\])')
+    default_color_pattern = re.compile(r'(?<!dark:)text-(cobalt|vermillion)(?![a-z-])')
+
+    for root_dir in [os.path.join(REFER_DIR, "app"), os.path.join(REFER_DIR, "components")]:
+        for root, _, files in os.walk(root_dir):
+            for fname in files:
+                if fname.endswith((".ts", ".tsx")):
+                    fpath = os.path.join(root, fname)
+                    with open(fpath, "r", encoding="utf-8") as f:
+                        content = f.read()
+
+                    # AC-47 count
+                    white_count += content.count("text-white")
+
+                    # AC-44 check line by line
+                    for line_idx, line in enumerate(content.splitlines(), start=1):
+                        if small_size_pattern.search(line) and default_color_pattern.search(line):
+                            # Ignore allowed exceptions (e.g. HeroComposition, Pillar bullets, Vermillion kickers or large titles)
+                            if "Pillar #" in line or "w-1.5 h-1.5" in line or "text-3xl" in line or "text-vermillion" in line:
+                                continue
+                            print(f"❌ AC-44 Violation: Small text combined with DEFAULT accent color at {fpath}:{line_idx}\n   {line.strip()}")
+                            return False
+
+    if white_count > 8:
+        print(f"❌ AC-47 Violation: text-white usage count ({white_count}) exceeds whitelist limit (8)")
+        return False
+
+    print(f"✅ Gate 10 PASSED: Color contrast (AC-43), small text routing (AC-44), inversion (AC-45), and text-white count ({white_count}/8, AC-47) verified")
+    return True
+
 def main():
    print("=" * 70)
    print(" ANL HOMEPAGE E2E TEST SUITE RUNNER — TIERS 1-4")
@@ -265,6 +372,7 @@ def main():
    success &= test_unittest_suite()
    success &= test_layout_architecture()
    success &= test_token_contracts()
+    success &= test_color_contrast_gate()

    print("\n" + "-" * 70)
    if success: