[JOY (JOY)]

Promotes dev to main:

• fix(a11y): expose the selected state of leaderboard and compare selectors (#1067) #1068: leaderboard and compare selectors expose their selected state (fix(a11y): leaderboard and compare selectors expose no selected state #1067)
• fix(a11y): expose the pressed choice of pill groups across the site (#1069) #1070: pill groups across the site expose the pressed choice (fix(a11y): single-select pill groups across the site show the choice only by colour #1069)
• fix(a11y): hide the decorative review authenticity bar (#1071) #1072: hide the decorative review authenticity bar (fix(a11y): review authenticity bar carries an aria-label that no role supports #1071)
• docs: record E2E and gitleaks as required checks #1074: record E2E and gitleaks as required checks
• fix(a11y): make the catalog deal-radar link a 24px target (#1075) #1076: the catalog deal-radar link is a 24px target (fix(a11y): catalog "view all deals" link is a 21px-tall tap target #1075)
• fix(a11y): label the catalog and deals search inputs (#1077) #1078: label the catalog and deals search inputs (a11y: label the catalog and deals search inputs #1077)
• fix(web): give the English flag icon unique clipPath ids (#1079) #1080: unique clipPath ids in the English flag icon (fix(web): duplicate clipPath ids in the English flag icon #1079)

No supabase/ changes.

🤖 Generated with Claude Code

---

📌 TL;DR

This PR significantly enhances accessibility (WCAG compliance) by replacing tablist roles with group/aria-pressed patterns, adding missing labels to form inputs, and fixing duplicate SVG IDs. It also updates CI/CD documentation to reflect new required checks (E2E, Secret scan) and adds comprehensive Playwright E2E tests to enforce these accessibility standards.

🎯 Type of Change

• 🚀 New feature
• 🐛 Bugfix
• 🧹 Refactor
• ⚡ Performance
• 📚 Documentation
• ⚙️ CI / Configuration

🔍 Changes Walkthrough

File	Summary of Changes
AGENTS.md	Updated documentation to include E2E (Playwright) and Secret scan (gitleaks) as required checks for merging.
Docs/Resources/RELEASE.md	Updated release workflow docs to reflect the new required CI checks and ruleset configurations.
Docs/Resources/ROADMAP.md	Marked Branch Rulesets task as complete, noting the addition of E2E and Secret scan checks.
apps/web/e2e/input-labels.spec.ts	New: E2E test ensuring all visible inputs have proper labels (not just placeholders) across key pages.
apps/web/e2e/leaderboard.spec.ts	Updated selectors to use role="group" and aria-pressed instead of tablist/tab.
apps/web/e2e/pill-group-state.spec.ts	New: E2E test verifying single-select pill groups expose pressed state and handle interactions correctly.
apps/web/e2e/review-bars.spec.ts	New: E2E test using Axe to ensure review authenticity bars are decorative (no invalid ARIA).
apps/web/e2e/selector-state.spec.ts	New: E2E test verifying leaderboard and compare selectors use correct ARIA group/pressed patterns.
apps/web/e2e/touch-targets.spec.ts	Added test to ensure the catalog deal-radar link meets the 24px minimum touch target size.
apps/web/e2e/unique-ids.spec.ts	New: E2E test verifying no duplicate HTML IDs exist on pages (specifically targeting the locale switcher).
apps/web/locales/*.json	Added new translation keys for ARIA labels (priceSegmentAria, platformFilterAria, etc.) and removed obsolete authenticityProgressAria.
apps/web/src/app/[locale]/components/list-sidebar-one.tsx	Added aria-labelledby to the keyword search input, linking it to the visible heading.
apps/web/src/app/[locale]/smartphones/page.tsx	Converted <span> captions to <label> elements with htmlFor for search and brand inputs.
apps/web/src/app/style/scss/_custom.scss	Added min-height: 24px to the deal-radar link to meet WCAG 2.2 target size requirements.
apps/web/src/components/compare/CompareWorkspace.tsx	Changed category switcher from role="tablist" to role="group" with aria-pressed buttons.
apps/web/src/components/compare/VersusInteractiveScoreboard.tsx	Added role="group", aria-pressed, aria-expanded, and aria-controls to persona and slider controls.
apps/web/src/components/deals/DealFinderWorkspace.tsx	Added role="group" and aria-pressed to category and persona filters; added aria-label to search input.
apps/web/src/components/developers/ApiPlaygroundClient.tsx	Added role="group" and aria-pressed to preset selectors and code snippet mode toggles.
apps/web/src/components/elementary/LocaleSwitcher.tsx	Refactored FlagEN component to use useId() for SVG clipPath IDs, preventing duplicate ID conflicts.
apps/web/src/components/leaderboard/LeaderboardExplorer.tsx	Refactored category, criterion, persona, and price filters to use role="group" and aria-pressed.
apps/web/src/components/leaderboard/ProductValueCalculator.tsx	Added aria-pressed to month selection buttons.
apps/web/src/components/merchants/MerchantDirectoryExplorer.tsx	Wrapped platform filters in role="group" and added aria-pressed to all filter buttons.
apps/web/src/components/price-history/PriceHistorySection.tsx	Added role="group" and aria-pressed to merchant filter buttons.

📊 Architectural Flow

flowchart TD
    subgraph "Accessibility Refactor"
        A[Components] -->|Replace tablist with group| B[ARIA Patterns]
        B -->|aria-pressed| C[Single-Select State]
        B -->|aria-labelledby/label| D[Form Inputs]
        E[LocaleSwitcher] -->|useId| F[Unique SVG IDs]
    end

    subgraph "CI/CD & Docs"
        G[AGENTS.md / RELEASE.md] -->|Update Required Checks| H[CI Pipeline]
        H -->|Enforce| I[E2E Playwright]
        H -->|Enforce| J[Secret Scan]
    end

    subgraph "E2E Validation"
        I -->|Test| K[input-labels.spec.ts]
        I -->|Test| L[pill-group-state.spec.ts]
        I -->|Test| M[unique-ids.spec.ts]
        I -->|Test| N[selector-state.spec.ts]
    end

    A -.->|Validated by| I
    F -.->|Validated by| M

Loading

[claude]

⚠️ Code review skipped — your organization has no extra usage available to pay for this review.

If your organization's extra usage balance is empty, an organization admin can add extra usage credits at claude.ai/admin-settings/usage. If its monthly spend limit was reached, an admin can raise it on the same page. If neither applies, contact Anthropic support.

Once extra usage is available, someone with write access to this repository can comment @claude review on this pull request to trigger a review.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
rate	Ready	Preview	Oct 25, 2026 4:53pm UTC

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

Run configuration

• Source mode: Auto
• Repository: Unavailable
• Branch: Unavailable
• File: No configuration file from this repository applied
• Commit: Unavailable
• Layers: Organization UI
• Review profile: CHILL
• Plan: Advanced
• Run ID: fede9edb-9116-4bbb-adcf-24c725baf148

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[dos]

⏱️ Code Review completed (26 eligible files · 61,189 chars · 1 model call(s) · 3 PR unit(s))

Whole diff with bounded context at base e227cc7 / head 435b067.

✅ CLEAN_PASS: Complete diff reviewed