diff --git a/AGENTS.md b/AGENTS.md
index c738b919..3034c7f8 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -202,4 +202,4 @@ Mỗi finding khi review (subagent fresh-context, bot, hoặc người) phải 
 - **Vòng 1:** Sửa các finding hợp lý ở mọi mức.
 - **Từ vòng 2 trở đi:** Trong PR hiện tại chỉ sửa P0/P1, mọi finding về bảo mật hoặc dữ liệu, lỗi trong hành vi mà chính PR này thêm vào, và required check đang đỏ. Các P2/P3 còn lại gom vào **một** issue follow-up duy nhất; trả lời từng thread kèm link issue đó rồi resolve thread.
 - Một lượt review của bot bị rate-limit, bị bỏ qua (skipped) hoặc không có nội dung **không phải là review**. Không chờ và không tính là đã review.
-- Cổng review thật sự là **review bằng subagent fresh-context** (Mục 0.2). Required check `Typecheck & Build Monorepo` phải xanh trước khi merge (ruleset `dev-main-light` trên `dev` và `main`: chặn xóa nhánh và force-push, không yêu cầu approval). Riêng `main` có thêm ruleset `main-release`: bắt buộc qua PR, chỉ cho merge commit, và phải xanh thêm `PR into main comes from dev` và `main must not lead dev` (Mục 0.6).
+- Cổng review thật sự là **review bằng subagent fresh-context** (Mục 0.2). Các required check `Typecheck & Build Monorepo`, `E2E (Playwright)` và `Secret scan (gitleaks)` phải xanh trước khi merge (ruleset `dev-main-light` trên `dev` và `main`: chặn xóa nhánh và force-push, không yêu cầu approval). Riêng `main` có thêm ruleset `main-release`: bắt buộc qua PR, chỉ cho merge commit, và phải xanh thêm `PR into main comes from dev` và `main must not lead dev` (Mục 0.6).
diff --git a/Docs/Resources/RELEASE.md b/Docs/Resources/RELEASE.md
index ebad64b0..fcfb5c3d 100644
--- a/Docs/Resources/RELEASE.md
+++ b/Docs/Resources/RELEASE.md
@@ -11,12 +11,12 @@ This is the release workflow for `rate.vn`. It follows the same model as DOS/DOS
 
 ## Normal release
 
-1. Feature PRs go into `dev` as usual: review, green `Typecheck & Build Monorepo`, squash merge.
+1. Feature PRs go into `dev` as usual: review, green required checks (`Typecheck & Build Monorepo`, `E2E (Playwright)`, `Secret scan (gitleaks)`, `task-claim`), squash merge.
 2. Check `dev` on its Vercel Preview deployment.
 3. Open the promotion PR from `dev` itself, not from a copy branch:
    `gh pr create --repo DOS/Rate --base main --head dev --title "chore(release): promote dev to main"`
    List the PRs being released in the body.
-4. Wait for the required checks on the promotion PR: `Typecheck & Build Monorepo`, `PR into main comes from dev`, `main must not lead dev`.
+4. Wait for the required checks on the promotion PR: `Typecheck & Build Monorepo`, `E2E (Playwright)`, `Secret scan (gitleaks)`, `PR into main comes from dev`, `main must not lead dev`.
    `node scripts/ops/promote.mjs` does steps 3 to 5 in one command: it opens the promotion PR from `dev` (or reuses the open one) with the released PRs listed, then merges it with a merge commit once its checks pass. `--no-merge` leaves it open.
 5. Promotions are batched and need no per-release question: the agent promotes at the first checkpoint reached: the backlog runs out, 10 or more PRs are waiting on `dev`, the oldest unpromoted change is more than 24 hours old, or the agent is ending a long working session. Promote only when `dev` head CI is green and no PR is mid-way through fixing a production bug. The agent merges it with a merge commit: `gh pr merge <number> --repo DOS/Rate --merge`. JOY does not merge PRs; never ask JOY to click Merge. **Never squash or rebase a promotion.** Squashing creates a commit on `main` that can never exist on `dev`, and the next promotion then diffs from a stale merge base.
 6. Vercel builds `main` and assigns `rate.vn`. Verify the live revision (the deployment's Git SHA equals `main`), `/api/health`, the main routes and a browser check before calling the release done. `node scripts/ops/verify-live.mjs --wait 900` checks the first three: `/api/health` reports the deployment's `commit`, which must equal `main`, and `checks.database` must be `ok`. It re-reads `main` on every poll. Only when the live commit is behind `main` does it print `vercel promote <main's production deployment> --scope metados`; when live is ahead of or diverged from `main` it says to do nothing. Never redeploy or promote a deployment built from another commit: that rolls the release back. `promote` does not rebuild, and it turns production domain auto-assignment back on after a `vercel rollback`. To check a build before it takes traffic, create it from Git with `autoAssignCustomDomains: false` (Vercel API `POST /v13/deployments` with `gitSource` ref `main` and `target: "production"`), verify it with `vercel curl --deployment <id>`, then `vercel promote <id>`. Promoting an existing production deployment does not rebuild.
@@ -44,7 +44,7 @@ This is the release workflow for `rate.vn`. It follows the same model as DOS/DOS
 - **Build guard:** `vercel.json` runs `scripts/vercel-production-guard.mjs --vercel` before every Vercel build. A production build fails unless `VERCEL_GIT_PROVIDER=github`, the repository is `DOS/Rate` and `VERCEL_GIT_COMMIT_REF=main`. A CLI production upload fails at build time from any branch, `main` included, because Vercel reports no Git source for CLI builds (observed on a remote CLI build: `git=:/@`). So does any other build where Vercel does not report a GitHub source. Preview builds are not affected. Tests: `node --test scripts/vercel-production-guard.test.mjs` (runs in CI).
 - **Validate PR Base** (`.github/workflows/validate-pr-base.yml`): a PR into `main` must have head `dev` from this repository, or carry `emergency-hotfix`.
 - **Branch Divergence** (`.github/workflows/branch-divergence.yml`): fails when `main` has a non-merge commit that `dev` lacks. `.github/branch-divergence-baseline.txt` should stay empty.
-- **GitHub rulesets:** `dev-main-light` blocks deletion and force push on `dev` and `main` and requires `Typecheck & Build Monorepo`. `main-release` on `main` requires a PR, allows only merge commits, and requires the two checks above.
+- **GitHub rulesets:** `dev-main-light` blocks deletion and force push on `dev` and `main` and requires `Typecheck & Build Monorepo`, `E2E (Playwright)` and `Secret scan (gitleaks)`. `main-release` on `main` requires a PR, allows only merge commits, and requires the two checks above.
 
 The build guard is a guardrail against mistakes, not a security boundary. Anyone with production deploy rights on the Vercel project can get past it, for example with `--build-env` values that imitate a Git build or by uploading an edited `vercel.json`. Doing that breaks the rule above. The only hard limit is Vercel RBAC: a Developer role without the "Full Production Deployment" permission can reach production only by merging to `main`. Whether the `metados` team's plan offers that control has not been verified yet.
 
diff --git a/Docs/Resources/ROADMAP.md b/Docs/Resources/ROADMAP.md
index 3e94ebd3..6b4bb535 100644
--- a/Docs/Resources/ROADMAP.md
+++ b/Docs/Resources/ROADMAP.md
@@ -55,7 +55,7 @@ Hệ thống **Rate Platform (`rate.vn`)** vận hành trên kiến trúc 4 tầ
   - [x] Dependabot security updates và CodeQL default setup đã bật.
   - [x] Quét secret bù trừ: gitleaks quét commit của mỗi PR vào `dev`/`main` (`DOS/Rate#305`).
   - [ ] Secret Scanning + Push Protection: repo public nên miễn phí, nhưng API trả `422` "blocked by an enterprise policy"; cần chủ enterprise mở policy hoặc gắn cấu hình "Secret Protection enabled" của org cho repo.
-  - [ ] Branch Rulesets: `dev-main-light` và `main-release` đã bật lại sau khi làm sạch lịch sử (`#153`); còn thiếu `Secret scan (gitleaks)` trong danh sách check bắt buộc (cần chủ repo cho phép).
+  - [x] Branch Rulesets: `dev-main-light` và `main-release` đã bật lại sau khi làm sạch lịch sử (`#153`); `dev-main-light` bắt buộc `Typecheck & Build Monorepo`, `E2E (Playwright)` và `Secret scan (gitleaks)` trên `dev` và `main` (JOY cho phép ngày 2026-10-25, `#1073`).
 - [x] **6.6. Khóa Đường Ghi Công Khai Theo Người Dùng & Phiên Cookie (`DOS/Rate#155`, `#194` - Audit K1, K2, C4, T13):**
   - `POST /api/v1/rate/reviews` và `/watchlist` bắt buộc đăng nhập, gọi RPC dưới quyền người dùng (không còn service role), không báo thành công giả, mã lỗi RPC → 403/409/422/429. Client service role tách sang `@repo/shared-data/server` (ESLint cấm trong `apps/web`).
   - Phiên đăng nhập lưu trong cookie qua `@supabase/ssr`; `middleware.ts` → `proxy.ts` (Next.js 16) refresh phiên; request dùng cookie phải cùng origin.
diff --git a/apps/web/e2e/input-labels.spec.ts b/apps/web/e2e/input-labels.spec.ts
new file mode 100644
index 00000000..8ca2c665
--- /dev/null
+++ b/apps/web/e2e/input-labels.spec.ts
@@ -0,0 +1,41 @@
+import { expect, test } from '@playwright/test';
+
+// A placeholder is not a label: it disappears as soon as the user types.
+// Every visible field must be named by a <label>, aria-label or
+// aria-labelledby (WCAG 1.3.1, 3.3.2; DOS/Rate#1077).
+const PAGES = ['/smartphones', '/deals', '/merchants', '/leaderboard'];
+
+for (const path of PAGES) {
+  test(`visible fields have a label on ${path}`, async ({ page }) => {
+    await page.setViewportSize({ width: 1366, height: 900 });
+    const res = await page.goto(path);
+    expect(res?.status()).toBe(200);
+    await expect(
+      page.locator('input:not([type=hidden]):visible').first()
+    ).toBeVisible();
+    const unlabelled = await page.evaluate(() =>
+      [
+        ...document.querySelectorAll<HTMLInputElement>(
+          'input:not([type=hidden]), select, textarea'
+        ),
+      ]
+        .filter((el) => el.getBoundingClientRect().width > 0)
+        .filter(
+          (el) =>
+            !el.labels?.length &&
+            !el.getAttribute('aria-label')?.trim() &&
+            !el.getAttribute('aria-labelledby')
+        )
+        .map((el) => `${el.type} name=${el.name} placeholder=${el.placeholder}`)
+    );
+    expect(unlabelled).toEqual([]);
+  });
+}
+
+test('catalog search fields are named by their visible captions', async ({
+  page,
+}) => {
+  await page.goto('/smartphones');
+  await expect(page.getByRole('textbox', { name: 'Tìm máy' })).toBeVisible();
+  await expect(page.getByRole('textbox', { name: 'Hãng' })).toBeVisible();
+});
diff --git a/apps/web/e2e/leaderboard.spec.ts b/apps/web/e2e/leaderboard.spec.ts
index f4d3c337..8097ba0d 100644
--- a/apps/web/e2e/leaderboard.spec.ts
+++ b/apps/web/e2e/leaderboard.spec.ts
@@ -20,8 +20,11 @@ test.use({
   },
 });
 
+// The category switcher is a group of single-select buttons (DOS/Rate#1067).
+const categories = (page: Page) =>
+  page.getByRole('group', { name: 'Chọn ngành hàng' });
 const selectedTab = (page: Page) =>
-  page.getByRole('tablist').getByRole('tab', { selected: true });
+  categories(page).getByRole('button', { pressed: true });
 // The active criterion is the dark pill.
 const activeCriterion = (page: Page) => page.locator('button.btn-dark');
 
@@ -30,8 +33,9 @@ test('/leaderboard is served from the page cache', async ({ request }) => {
   const res = await request.get('/leaderboard?cat=earbuds');
   expect(res.status()).toBe(200);
   expect(res.headers()['x-nextjs-cache']).toMatch(/^(HIT|STALE)$/);
-  // Only the URL reader is client-rendered: the tabs are in the server HTML.
-  expect(await res.text()).toContain('role="tablist"');
+  // Only the URL reader is client-rendered: the category switcher is in the
+  // server HTML.
+  expect(await res.text()).toContain('aria-label="Chọn ngành hàng"');
 });
 
 test('a leaderboard deep link opens its tab, and a click updates the URL', async ({
@@ -41,9 +45,8 @@ test('a leaderboard deep link opens its tab, and a click updates the URL', async
   await expect(selectedTab(page)).toContainText('Tai nghe ANC');
   await expect(activeCriterion(page)).toContainText('Điểm người mua thực chất');
 
-  await page
-    .getByRole('tablist')
-    .getByRole('tab', { name: /Laptop & MacBook/ })
+  await categories(page)
+    .getByRole('button', { name: /Laptop & MacBook/ })
     .click();
   await expect(selectedTab(page)).toContainText('Laptop & MacBook');
   await expect(page).toHaveURL(/\/leaderboard\?cat=laptops&criterion=user$/);
diff --git a/apps/web/e2e/pill-group-state.spec.ts b/apps/web/e2e/pill-group-state.spec.ts
new file mode 100644
index 00000000..fad5080e
--- /dev/null
+++ b/apps/web/e2e/pill-group-state.spec.ts
@@ -0,0 +1,83 @@
+import { expect, test, type Page } from '@playwright/test';
+
+// Single-select pill groups across the site are named groups that expose the
+// pressed choice, not only its colour (DOS/Rate#1069).
+const PAGES: { path: string; groups: (string | RegExp)[] }[] = [
+  {
+    path: '/smartphones/iphone-16-pro-max-256gb',
+    groups: ['Gian hàng:', 'Khoảng thời gian', 'Chu kỳ sử dụng'],
+  },
+  {
+    path: '/compare/iphone-16-pro-max-256gb-vs-samsung-galaxy-s25-ultra-256gb',
+    groups: [/Chấm theo nhu cầu/],
+  },
+  { path: '/deals', groups: [/Ngành hàng/, /Ưu tiên chấm điểm/] },
+  {
+    path: '/merchants',
+    groups: ['Lọc theo sàn', 'Lọc theo rủi ro đánh giá'],
+  },
+  { path: '/developers', groups: [/Chọn nhanh một truy vấn mẫu/, /Mã/] },
+];
+
+async function pressedIn(page: Page, name: string | RegExp) {
+  const group = page.getByRole('group', { name }).first();
+  await expect(group).toBeVisible();
+  return group.getByRole('button', { pressed: true });
+}
+
+for (const { path, groups } of PAGES) {
+  test(`${path} pill groups expose the pressed choice`, async ({ page }) => {
+    expect((await page.goto(path))?.status()).toBe(200);
+    for (const name of groups) {
+      await expect(await pressedIn(page, name)).toHaveCount(1);
+    }
+  });
+}
+
+test('choosing another pill moves the pressed state', async ({ page }) => {
+  expect((await page.goto('/developers'))?.status()).toBe(200);
+  const group = page.getByRole('group', { name: /Mã/ }).first();
+  const python = group.getByRole('button', { name: 'Python' });
+  await expect(python).toHaveAttribute('aria-pressed', 'false');
+  // A click before hydration does nothing; retry until React handles it.
+  await expect(async () => {
+    if ((await python.getAttribute('aria-pressed')) !== 'true') {
+      await python.click();
+    }
+    await expect(python).toHaveAttribute('aria-pressed', 'true', {
+      timeout: 500,
+    });
+  }).toPass();
+  await expect(group.getByRole('button', { pressed: true })).toHaveCount(1);
+});
+
+test('compare custom weights are named on the sliders toggle', async ({
+  page,
+}) => {
+  expect(
+    (
+      await page.goto(
+        '/compare/iphone-16-pro-max-256gb-vs-samsung-galaxy-s25-ultra-256gb'
+      )
+    )?.status()
+  ).toBe(200);
+  const toggle = page.getByRole('button', { name: /Tùy chỉnh trọng số/ });
+  await expect(async () => {
+    if ((await toggle.getAttribute('aria-expanded')) !== 'true') {
+      await toggle.click();
+    }
+    await expect(toggle).toHaveAttribute('aria-expanded', 'true', {
+      timeout: 500,
+    });
+  }).toPass();
+  // useId ids hold characters that need escaping in a #id selector.
+  const panelId = (await toggle.getAttribute('aria-controls')) ?? '';
+  const panel = page.locator(`[id="${panelId}"]`);
+  await expect(panel).toBeVisible();
+  await expect(toggle).not.toHaveAccessibleName(/Trọng số tùy chỉnh/);
+  await panel.locator('input[type="range"]').first().focus();
+  await page.keyboard.press('ArrowRight');
+  await expect(toggle).toHaveAccessibleName(/Trọng số tùy chỉnh/);
+  const presets = page.getByRole('group', { name: /Chấm theo nhu cầu/ });
+  await expect(presets.getByRole('button', { pressed: true })).toHaveCount(0);
+});
diff --git a/apps/web/e2e/review-bars.spec.ts b/apps/web/e2e/review-bars.spec.ts
new file mode 100644
index 00000000..cbbfce7a
--- /dev/null
+++ b/apps/web/e2e/review-bars.spec.ts
@@ -0,0 +1,24 @@
+import AxeBuilder from '@axe-core/playwright';
+import { expect, test } from '@playwright/test';
+
+// The review authenticity bar draws the percentages shown in its badges, so it
+// is hidden from assistive tech instead of carrying a label no role supports
+// (DOS/Rate#1071).
+test('the review authenticity bar is decorative', async ({ page }) => {
+  expect(
+    (await page.goto('/smartphones/iphone-16-pro-max-256gb'))?.status()
+  ).toBe(200);
+  const bars = page.locator('.progress:has(.progress-bar.bg-success)');
+  await expect(bars.first()).toBeAttached();
+  for (const bar of await bars.all()) {
+    if (await bar.getAttribute('aria-label')) {
+      expect(await bar.getAttribute('role')).not.toBeNull();
+    }
+  }
+
+  await page.waitForLoadState('networkidle');
+  const results = await new AxeBuilder({ page })
+    .withRules(['aria-prohibited-attr'])
+    .analyze();
+  expect([...results.violations, ...results.incomplete]).toEqual([]);
+});
diff --git a/apps/web/e2e/selector-state.spec.ts b/apps/web/e2e/selector-state.spec.ts
new file mode 100644
index 00000000..2e08e9c4
--- /dev/null
+++ b/apps/web/e2e/selector-state.spec.ts
@@ -0,0 +1,59 @@
+import { expect, test } from '@playwright/test';
+
+// Leaderboard and compare selectors are named button groups that expose the
+// pressed choice, not colour alone, and no tab roles without tab panels
+// (DOS/Rate#1067).
+test('leaderboard selectors expose their state', async ({ page }) => {
+  expect((await page.goto('/leaderboard?criterion=user'))?.status()).toBe(200);
+  await expect(page.getByRole('tab')).toHaveCount(0);
+
+  const groups = [
+    page.getByRole('group', { name: 'Chọn ngành hàng' }),
+    page.getByRole('group', { name: /Xếp hạng theo tiêu chí/ }),
+    page.getByRole('group', { name: /Gợi ý theo nhu cầu/ }),
+    page.getByRole('group', { name: 'Lọc theo tầm giá' }),
+  ];
+  for (const group of groups) {
+    await expect(group).toBeVisible();
+    await expect(group.getByRole('button', { pressed: true })).toHaveCount(1);
+  }
+  await expect(groups[1]!.getByRole('button', { pressed: true })).toContainText(
+    'Điểm người mua thực chất'
+  );
+
+  // Choosing a price segment moves the pressed state.
+  const price = groups[3]!;
+  const unpressed = price.getByRole('button', { pressed: false }).first();
+  const label = (await unpressed.innerText()).trim();
+  await unpressed.click();
+  await expect(price.getByRole('button', { pressed: true })).toHaveText(label);
+
+  // The customize button reports the weight panel it opens.
+  const customize = page.locator(
+    'button[aria-controls="leaderboard-weight-sliders"]'
+  );
+  await expect(customize).toHaveAttribute('aria-expanded', 'false');
+  await customize.click();
+  await expect(customize).toHaveAttribute('aria-expanded', 'true');
+  await expect(page.locator('#leaderboard-weight-sliders')).toBeVisible();
+
+  // Moving a slider makes the weights custom: no preset is pressed, and the
+  // customize button, coloured for it, says so in its name.
+  await expect(customize).not.toHaveAccessibleName(/Trọng số cá nhân hóa/);
+  const slider = page
+    .locator('#leaderboard-weight-sliders input[type="range"]')
+    .first();
+  await slider.focus();
+  await page.keyboard.press('ArrowRight');
+  await expect(customize).toHaveAccessibleName(/Trọng số cá nhân hóa/);
+  await expect(groups[2]!.getByRole('button', { pressed: true })).toHaveCount(
+    0
+  );
+});
+
+test('the compare category switcher exposes its state', async ({ page }) => {
+  expect((await page.goto('/compare'))?.status()).toBe(200);
+  await expect(page.getByRole('tab')).toHaveCount(0);
+  const group = page.getByRole('group', { name: 'Chọn danh mục đối chiếu' });
+  await expect(group.getByRole('button', { pressed: true })).toHaveCount(1);
+});
diff --git a/apps/web/e2e/touch-targets.spec.ts b/apps/web/e2e/touch-targets.spec.ts
index 09bd0b5e..749b6472 100644
--- a/apps/web/e2e/touch-targets.spec.ts
+++ b/apps/web/e2e/touch-targets.spec.ts
@@ -89,3 +89,15 @@ test('footer links are at least 44px tall on a phone', async ({ page }) => {
     expect(box).toBeGreaterThanOrEqual(44);
   }
 });
+
+// WCAG 2.2 target size (24px minimum): the catalog deal-radar link was 21px
+// tall next to other targets (DOS/Rate#1075).
+test('the catalog deal-radar link is at least 24px tall', async ({ page }) => {
+  await page.goto('/smartphones');
+  const link = page.locator(
+    '[data-testid="category-deal-radar"] .rate-radar-spread-head > a'
+  );
+  await expect(link).toBeVisible();
+  const box = await link.boundingBox();
+  expect(box!.height).toBeGreaterThanOrEqual(24);
+});
diff --git a/apps/web/e2e/unique-ids.spec.ts b/apps/web/e2e/unique-ids.spec.ts
new file mode 100644
index 00000000..835298da
--- /dev/null
+++ b/apps/web/e2e/unique-ids.spec.ts
@@ -0,0 +1,20 @@
+import { expect, test } from '@playwright/test';
+
+// The navbar renders the locale switcher twice, and the English flag used
+// fixed clipPath ids, so every page had duplicate ids (DOS/Rate#1079).
+// The English flag is drawn as the current locale's flag on /en pages.
+for (const path of ['/en', '/en/smartphones']) {
+  test(`ids are unique on ${path}`, async ({ page }) => {
+    const res = await page.goto(path);
+    expect(res?.status()).toBe(200);
+    await expect(page.locator('nav').first()).toBeVisible();
+    const duplicates = await page.evaluate(() => {
+      const counts = new Map<string, number>();
+      for (const el of document.querySelectorAll('[id]')) {
+        counts.set(el.id, (counts.get(el.id) ?? 0) + 1);
+      }
+      return [...counts].filter(([, n]) => n > 1).map(([id]) => id);
+    });
+    expect(duplicates).toEqual([]);
+  });
+}
diff --git a/apps/web/locales/cs.json b/apps/web/locales/cs.json
index c4dc9585..12df9c60 100644
--- a/apps/web/locales/cs.json
+++ b/apps/web/locales/cs.json
@@ -148,6 +148,7 @@
     "personaEndurance": "Výdrž baterie",
     "personaValueHunter": "Cena / Výkon",
     "customWeightsBtn": "Vlastní váhy",
+    "customWeightsActive": "Vlastní váhy",
     "copied1v1Markdown": "✓ 1v1 Markdown zkopírován!",
     "copy1v1VerdictBtn": "Kopírovat 1v1 verdikt",
     "swapDevicesTitle": "Prohodit pozice obou zařízení",
@@ -385,6 +386,7 @@
     "brandFilterLabel": "Značka",
     "brandFilterAria": "Filtrovat podle značky",
     "priceAll": "Všechny cenové hladiny",
+    "priceSegmentAria": "Filtrovat podle ceny",
     "priceUnder15": "Do 15M VND",
     "price15to25": "15M - 25M VND",
     "priceOver25": "Nad 25M VND",
@@ -508,7 +510,6 @@
     "authenticPctBadge": "Skutečné: {pct}%",
     "suspiciousPctBadge": "Spam / Podezřelé: {pct}%",
     "fakePctBadge": "Falešné recenze: {pct}%",
-    "authenticityProgressAria": "Poměr důvěryhodnosti recenzí",
     "aiSummaryPrefix": "AI souhrn:",
     "prosHeading": "Klady potvrzené kupujícími",
     "prosEmpty": "Načítání dalších kladů od ověřených kupujících.",
@@ -822,6 +823,8 @@
     "avgTrustScore": "Průměrné Trust skóre",
     "searchPlaceholder": "Hledat podle názvu obchodu, ID nebo tržiště...",
     "allPlatforms": "Všechny platformy",
+    "platformFilterAria": "Filtrovat podle tržiště",
+    "seedingFilterAria": "Filtrovat podle rizika recenzí",
     "officialMallOnly": "Pouze Official Mall",
     "riskFilterLabel": "Úroveň důvěry:",
     "riskAll": "Všechny úrovně",
diff --git a/apps/web/locales/en.json b/apps/web/locales/en.json
index b9439720..3db34d6e 100644
--- a/apps/web/locales/en.json
+++ b/apps/web/locales/en.json
@@ -148,6 +148,7 @@
     "personaEndurance": "Battery life",
     "personaValueHunter": "Best value",
     "customWeightsBtn": "Custom weights",
+    "customWeightsActive": "Custom weights",
     "copied1v1Markdown": "✓ Copied 1v1 Markdown!",
     "copy1v1VerdictBtn": "Copy 1v1 verdict",
     "swapDevicesTitle": "Swap positions of the two devices",
@@ -385,6 +386,7 @@
     "brandFilterLabel": "Brand",
     "brandFilterAria": "Filter by brand",
     "priceAll": "All price tiers",
+    "priceSegmentAria": "Filter by price range",
     "priceUnder15": "Under 15M VND",
     "price15to25": "15M - 25M VND",
     "priceOver25": "Over 25M VND",
@@ -508,7 +510,6 @@
     "authenticPctBadge": "Authentic: {pct}%",
     "suspiciousPctBadge": "Coin spam / suspicious: {pct}%",
     "fakePctBadge": "Fake reviews: {pct}%",
-    "authenticityProgressAria": "Review authenticity ratio",
     "aiSummaryPrefix": "AI Summary:",
     "prosHeading": "Pros reported by buyers",
     "prosEmpty": "Synthesizing additional pros from verified buyers.",
@@ -822,6 +823,8 @@
     "avgTrustScore": "Average trust score",
     "searchPlaceholder": "Search by merchant name, shop ID, or platform...",
     "allPlatforms": "All platforms",
+    "platformFilterAria": "Filter by marketplace",
+    "seedingFilterAria": "Filter by review risk",
     "officialMallOnly": "Official Mall only",
     "riskFilterLabel": "Trust level:",
     "riskAll": "All tiers",
diff --git a/apps/web/locales/vi.json b/apps/web/locales/vi.json
index 934bde13..11cc9093 100644
--- a/apps/web/locales/vi.json
+++ b/apps/web/locales/vi.json
@@ -148,6 +148,7 @@
     "personaEndurance": "Pin dùng 2 ngày",
     "personaValueHunter": "Đáng tiền nhất (P/P)",
     "customWeightsBtn": "Tùy chỉnh trọng số",
+    "customWeightsActive": "Trọng số tùy chỉnh",
     "copied1v1Markdown": "✓ Đã sao chép Markdown 1v1!",
     "copy1v1VerdictBtn": "Sao chép kết luận 1v1",
     "swapDevicesTitle": "Đảo chiều vị trí 2 thiết bị",
@@ -385,6 +386,7 @@
     "brandFilterLabel": "Hãng",
     "brandFilterAria": "Lọc theo thương hiệu",
     "priceAll": "Mọi tầm giá",
+    "priceSegmentAria": "Lọc theo tầm giá",
     "priceUnder15": "Dưới 15 triệu",
     "price15to25": "15 - 25 triệu",
     "priceOver25": "Trên 25 triệu",
@@ -508,7 +510,6 @@
     "authenticPctBadge": "Thực chất: {pct}%",
     "suspiciousPctBadge": "Cày xu / Nghi vấn: {pct}%",
     "fakePctBadge": "Đánh giá ảo: {pct}%",
-    "authenticityProgressAria": "Tỷ lệ độ trung thực của đánh giá",
     "aiSummaryPrefix": "Tóm tắt AI:",
     "prosHeading": "Ưu điểm người mua ghi nhận",
     "prosEmpty": "Đang tổng hợp thêm từ người mua thực tế.",
@@ -822,6 +823,8 @@
     "avgTrustScore": "Điểm tin cậy trung bình",
     "searchPlaceholder": "Tìm tên gian hàng, mã shop_id hoặc sàn (Shopee, Lazada, Tiki, CellphoneS, TGDĐ)...",
     "allPlatforms": "Tất cả sàn",
+    "platformFilterAria": "Lọc theo sàn",
+    "seedingFilterAria": "Lọc theo rủi ro đánh giá",
     "officialMallOnly": "Chỉ hiện Official Mall",
     "riskFilterLabel": "Mức tín nhiệm:",
     "riskAll": "Tất cả mức",
diff --git a/apps/web/src/app/[locale]/components/list-sidebar-one.tsx b/apps/web/src/app/[locale]/components/list-sidebar-one.tsx
index 994435f7..0a01f634 100644
--- a/apps/web/src/app/[locale]/components/list-sidebar-one.tsx
+++ b/apps/web/src/app/[locale]/components/list-sidebar-one.tsx
@@ -1,5 +1,5 @@
 'use client';
-import React, { useEffect, useState, useTransition } from 'react';
+import React, { useEffect, useId, useState, useTransition } from 'react';
 import { useSearchParams } from 'next/navigation';
 import { useLocale, useTranslations } from 'next-intl';
 import { BsFunnel, BsStarFill } from 'react-icons/bs';
@@ -164,6 +164,7 @@ export default function ListSidebarOne({
   const urlMaxMillion = Math.max(rawMinMillion, rawMaxMillion);
 
   const [keyword, setKeyword] = useState(currentQ);
+  const keywordHeaderId = useId();
   const [priceRange, setPriceRange] = useState<[number, number]>([
     urlMinMillion,
     urlMaxMillion,
@@ -349,7 +350,10 @@ export default function ListSidebarOne({
                 {/* 1. Keyword Search Box */}
                 <div className="filter-search-box mb-4">
                   <div className="filtersearch-title d-flex justify-content-between align-items-center">
-                    <h3 className="lh-base text-uppercase fw-medium mb-2 text-sm">
+                    <h3
+                      id={keywordHeaderId}
+                      className="lh-base text-uppercase fw-medium mb-2 text-sm"
+                    >
                       {t('sidebar.keywordChipsetHeader')}
                     </h3>
                     <span className="badge bg-light text-muted small border">
@@ -357,9 +361,12 @@ export default function ListSidebarOne({
                     </span>
                   </div>
                   <div className="form-group form-border mb-0">
+                    {/* Named by the heading above, not only by the
+                        placeholder (DOS/Rate#1077). */}
                     <input
                       type="text"
                       className="form-control"
+                      aria-labelledby={keywordHeaderId}
                       placeholder={schema.searchPlaceholder}
                       value={keyword}
                       onChange={(e) => setKeyword(e.target.value)}
diff --git a/apps/web/src/app/[locale]/smartphones/page.tsx b/apps/web/src/app/[locale]/smartphones/page.tsx
index ec0f8f61..9bc6d9c5 100644
--- a/apps/web/src/app/[locale]/smartphones/page.tsx
+++ b/apps/web/src/app/[locale]/smartphones/page.tsx
@@ -498,12 +498,18 @@ export async function CategoryCatalogContent({
                         <div className="col-xl-7 col-lg-7 col-md-12 col-sm-12">
                           <div className="form-group mb-0">
                             <div className="mobSearch d-flex align-items-center justify-content-start">
+                              {/* The caption labels the input, not only sits
+                                  next to it (DOS/Rate#1077). */}
                               <div className="flexStart ps-2">
-                                <span className="fw-semibold text-dark text-nowrap">
+                                <label
+                                  htmlFor="catalog-search-q"
+                                  className="fw-semibold text-dark text-nowrap mb-0"
+                                >
                                   {t('page.searchLabel')}
-                                </span>
+                                </label>
                               </div>
                               <input
+                                id="catalog-search-q"
                                 type="text"
                                 name="q"
                                 defaultValue={q}
@@ -517,11 +523,15 @@ export async function CategoryCatalogContent({
                           <div className="form-group mb-0">
                             <div className="mobSearch d-flex align-items-center justify-content-start">
                               <div className="flexStart ps-2">
-                                <span className="fw-semibold text-dark">
+                                <label
+                                  htmlFor="catalog-search-brands"
+                                  className="fw-semibold text-dark mb-0"
+                                >
                                   {t('page.brandLabel')}
-                                </span>
+                                </label>
                               </div>
                               <input
+                                id="catalog-search-brands"
                                 type="text"
                                 name="brands"
                                 defaultValue={activeBrands.join(',')}
diff --git a/apps/web/src/app/style/scss/_custom.scss b/apps/web/src/app/style/scss/_custom.scss
index ae20609a..5bc87dfa 100644
--- a/apps/web/src/app/style/scss/_custom.scss
+++ b/apps/web/src/app/style/scss/_custom.scss
@@ -903,6 +903,9 @@
     display: inline-flex;
     align-items: center;
     gap: 0.35rem;
+    // At least 24px tall: WCAG 2.2 target size, and it sits next to other
+    // targets (DOS/Rate#1075).
+    min-height: 24px;
     margin-bottom: 0.75rem;
     font-size: 0.875rem;
     font-weight: 600;
diff --git a/apps/web/src/components/compare/CompareWorkspace.tsx b/apps/web/src/components/compare/CompareWorkspace.tsx
index e1261b00..a4376800 100644
--- a/apps/web/src/components/compare/CompareWorkspace.tsx
+++ b/apps/web/src/components/compare/CompareWorkspace.tsx
@@ -1307,7 +1307,8 @@ export default function CompareWorkspace({
           </div>
           <div
             className="d-flex flex-wrap gap-2"
-            role="tablist"
+            // Single-select buttons, not tabs: there are no panels (DOS/Rate#1067).
+            role="group"
             aria-label={t('categoryTabsAria')}
           >
             {categoryTabs.map((tab) => {
@@ -1319,8 +1320,7 @@ export default function CompareWorkspace({
                 <button
                   key={tab.slug}
                   type="button"
-                  role="tab"
-                  aria-selected={isActive}
+                  aria-pressed={isActive}
                   onClick={() => handleSwitchCategoryTab(tab.slug)}
                   className={`btn btn-sm rounded-pill fw-semibold px-3 py-1 ${
                     isActive
diff --git a/apps/web/src/components/compare/VersusInteractiveScoreboard.tsx b/apps/web/src/components/compare/VersusInteractiveScoreboard.tsx
index 09c1f093..5e7dd8cb 100644
--- a/apps/web/src/components/compare/VersusInteractiveScoreboard.tsx
+++ b/apps/web/src/components/compare/VersusInteractiveScoreboard.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useMemo, useState } from 'react';
+import { useId, useMemo, useState } from 'react';
 import { useLocale, useTranslations } from 'next-intl';
 import { BsSliders } from 'react-icons/bs';
 import { Link } from '@/lib/navigation';
@@ -171,6 +171,8 @@ export default function VersusInteractiveScoreboard({
 }: VersusInteractiveScoreboardProps) {
   const t = useTranslations('compare');
   const locale = useLocale();
+  const useCaseLabelId = useId();
+  const slidersPanelId = useId();
   const [persona, setPersona] = useState<PersonaPresetKey>('default');
   const [weights, setWeights] = useState<CriteriaWeights>(
     PERSONA_WEIGHTS.default
@@ -430,8 +432,16 @@ export default function VersusInteractiveScoreboard({
     <div className="rate-scoreboard-dark rounded-4 p-4">
       {/* Top Action & Persona Filter Strip */}
       <div className="d-flex justify-content-between align-items-center border-bottom border-secondary border-opacity-25 mb-3 flex-wrap gap-2 pb-3">
-        <div className="d-flex align-items-center flex-wrap gap-1">
-          <span className="small text-white-50 fw-semibold me-1">
+        {/* Presets expose the pressed one, not only its colour (DOS/Rate#1069). */}
+        <div
+          className="d-flex align-items-center flex-wrap gap-1"
+          role="group"
+          aria-labelledby={useCaseLabelId}
+        >
+          <span
+            id={useCaseLabelId}
+            className="small text-white-50 fw-semibold me-1"
+          >
             {t('useCaseLabel')}
           </span>
           {(
@@ -446,6 +456,7 @@ export default function VersusInteractiveScoreboard({
             <button
               key={item.key}
               type="button"
+              aria-pressed={persona === item.key}
               onClick={() => selectPersona(item.key)}
               className={`btn btn-sm rounded-pill px-3 py-1 ${
                 persona === item.key
@@ -459,6 +470,8 @@ export default function VersusInteractiveScoreboard({
           ))}
           <button
             type="button"
+            aria-expanded={showSliders}
+            aria-controls={slidersPanelId}
             onClick={() => setShowSliders((prev) => !prev)}
             className={`btn btn-sm rounded-pill px-3 py-1 ${
               showSliders || persona === 'custom'
@@ -469,6 +482,11 @@ export default function VersusInteractiveScoreboard({
           >
             <BsSliders aria-hidden="true" className="me-1" />
             {t('customWeightsBtn')}
+            {/* Custom weights select no preset and are shown only by this
+                button's colour, so its name says so too (DOS/Rate#1069). */}
+            {persona === 'custom' && (
+              <span className="visually-hidden">{`: ${t('customWeightsActive')}`}</span>
+            )}
           </button>
         </div>
 
@@ -509,6 +527,7 @@ export default function VersusInteractiveScoreboard({
       {/* Interactive 5-Criteria Weight Sliders */}
       {showSliders && (
         <div
+          id={slidersPanelId}
           className="rounded-3 border-secondary border-opacity-25 mb-3 border p-3"
           style={{ background: 'rgba(255,255,255,0.04)' }}
         >
diff --git a/apps/web/src/components/deals/DealFinderWorkspace.tsx b/apps/web/src/components/deals/DealFinderWorkspace.tsx
index 42475e58..85487672 100644
--- a/apps/web/src/components/deals/DealFinderWorkspace.tsx
+++ b/apps/web/src/components/deals/DealFinderWorkspace.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { useEffect, useId, useMemo, useRef, useState } from 'react';
 import { useLocale, useTranslations } from 'next-intl';
 import ContentText from '@/components/elementary/ContentText';
 import {
@@ -177,6 +177,8 @@ export default function DealFinderWorkspace({
 }: DealFinderWorkspaceProps) {
   const t = useTranslations('deals');
   const locale = useLocale();
+  const categoryLabelId = useId();
+  const personaLabelId = useId();
   const [categoryFilter, setCategoryFilter] = useState<
     CanonicalCategorySlug | 'all'
   >(initialCategory);
@@ -552,15 +554,23 @@ export default function DealFinderWorkspace({
           </div>
         </div>
 
-        {/* Category Pills */}
-        <div className="d-flex align-items-center mb-3 flex-wrap gap-2">
-          <span className="small text-secondary fw-semibold me-1">
+        {/* Category Pills: the pressed one is exposed (DOS/Rate#1069) */}
+        <div
+          className="d-flex align-items-center mb-3 flex-wrap gap-2"
+          role="group"
+          aria-labelledby={categoryLabelId}
+        >
+          <span
+            id={categoryLabelId}
+            className="small text-secondary fw-semibold me-1"
+          >
             {t('categoryLabel')}
           </span>
           {categoryOptions.map((opt) => (
             <button
               key={opt.slug}
               type="button"
+              aria-pressed={categoryFilter === opt.slug}
               onClick={() => setCategoryFilter(opt.slug)}
               className={`btn btn-sm rounded-pill px-3 py-1 ${
                 categoryFilter === opt.slug
@@ -577,8 +587,13 @@ export default function DealFinderWorkspace({
         <div
           id="rate-deal-personas"
           className="d-flex align-items-center mb-3 flex-wrap gap-2"
+          role="group"
+          aria-labelledby={personaLabelId}
         >
-          <span className="small text-secondary fw-semibold me-1">
+          <span
+            id={personaLabelId}
+            className="small text-secondary fw-semibold me-1"
+          >
             {t('personaLabel')}
           </span>
           {personaOptions.map((p) => (
@@ -626,6 +641,8 @@ export default function DealFinderWorkspace({
               value={searchQuery}
               onChange={(e) => setSearchQuery(e.target.value)}
               placeholder={t('searchPlaceholder')}
+              // Named even after the placeholder is gone (DOS/Rate#1077).
+              aria-label={t('searchPlaceholder')}
               className="form-control form-control-sm rounded-pill px-3 py-2"
             />
           </div>
diff --git a/apps/web/src/components/developers/ApiPlaygroundClient.tsx b/apps/web/src/components/developers/ApiPlaygroundClient.tsx
index df9e4740..e21e3fe5 100644
--- a/apps/web/src/components/developers/ApiPlaygroundClient.tsx
+++ b/apps/web/src/components/developers/ApiPlaygroundClient.tsx
@@ -423,16 +423,25 @@ export default function ApiPlaygroundClient() {
       <div className="card-body p-4">
         {/* Preset Selector Pills */}
         <div className="mb-3">
-          <div className="small fw-bold text-uppercase text-muted mb-2">
+          <div
+            id={`${fieldId}-presets`}
+            className="small fw-bold text-uppercase text-muted mb-2"
+          >
             {t('pgSelectPresetLabel', { count: presetEndpoints.length })}
           </div>
-          <div className="d-flex flex-wrap gap-2">
+          {/* The pressed preset is exposed, not only its colour (DOS/Rate#1069). */}
+          <div
+            className="d-flex flex-wrap gap-2"
+            role="group"
+            aria-labelledby={`${fieldId}-presets`}
+          >
             {presetEndpoints.map((preset) => {
               const isSelected = preset.id === selectedId;
               return (
                 <button
                   key={preset.id}
                   type="button"
+                  aria-pressed={isSelected}
                   onClick={() => handleSelectPreset(preset)}
                   className={`btn btn-sm rounded-pill fw-medium px-3 py-2 ${
                     isSelected ? 'btn-danger' : 'btn-outline-secondary'
@@ -517,12 +526,21 @@ export default function ApiPlaygroundClient() {
             <div className="rounded-3 bg-dark h-100 p-3 text-white">
               <div className="d-flex justify-content-between align-items-center mb-2 flex-wrap gap-1">
                 <div className="d-flex align-items-center gap-2">
-                  <span className="small fw-semibold text-white-50">
-                    <BsCodeSlash className="me-1" /> {t('pgCodeLabel')}
+                  <span
+                    id={`${fieldId}-code`}
+                    className="small fw-semibold text-white-50"
+                  >
+                    <BsCodeSlash aria-hidden="true" className="me-1" />{' '}
+                    {t('pgCodeLabel')}
                   </span>
-                  <div className="btn-group btn-group-sm">
+                  <div
+                    className="btn-group btn-group-sm"
+                    role="group"
+                    aria-labelledby={`${fieldId}-code`}
+                  >
                     <button
                       type="button"
+                      aria-pressed={snippetMode === 'curl'}
                       onClick={() => setSnippetMode('curl')}
                       className={`btn btn-sm py-0 ${
                         snippetMode === 'curl'
@@ -534,6 +552,7 @@ export default function ApiPlaygroundClient() {
                     </button>
                     <button
                       type="button"
+                      aria-pressed={snippetMode === 'fetch'}
                       onClick={() => setSnippetMode('fetch')}
                       className={`btn btn-sm py-0 ${
                         snippetMode === 'fetch'
@@ -545,6 +564,7 @@ export default function ApiPlaygroundClient() {
                     </button>
                     <button
                       type="button"
+                      aria-pressed={snippetMode === 'python'}
                       onClick={() => setSnippetMode('python')}
                       className={`btn btn-sm py-0 ${
                         snippetMode === 'python'
diff --git a/apps/web/src/components/elementary/LocaleSwitcher.tsx b/apps/web/src/components/elementary/LocaleSwitcher.tsx
index 106b7c84..ebd97a46 100644
--- a/apps/web/src/components/elementary/LocaleSwitcher.tsx
+++ b/apps/web/src/components/elementary/LocaleSwitcher.tsx
@@ -1,6 +1,12 @@
 'use client';
 
-import React, { useState, useRef, useEffect, useTransition } from 'react';
+import React, {
+  useState,
+  useRef,
+  useEffect,
+  useId,
+  useTransition,
+} from 'react';
 import { useLocale, useTranslations } from 'next-intl';
 import { FaChevronDown } from 'react-icons/fa6';
 
@@ -27,38 +33,44 @@ const FlagVN = () => (
   </svg>
 );
 
-const FlagEN = () => (
-  <svg
-    width="18"
-    height="12"
-    viewBox="0 0 60 30"
-    style={{
-      borderRadius: '2px',
-      display: 'inline-block',
-      flexShrink: 0,
-      boxShadow: '0 0 1px rgba(0,0,0,0.3)',
-    }}
-  >
-    <clipPath id="flag-en-s">
-      <path d="M0,0 v30 h60 v-30 z" />
-    </clipPath>
-    <clipPath id="flag-en-t">
-      <path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z" />
-    </clipPath>
-    <g clipPath="url(#flag-en-s)">
-      <path d="M0,0 v30 h60 v-30 z" fill="#012169" />
-      <path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" strokeWidth="6" />
-      <path
-        d="M0,0 L60,30 M60,0 L0,30"
-        clipPath="url(#flag-en-t)"
-        stroke="#C8102E"
-        strokeWidth="4"
-      />
-      <path d="M30,0 v30 M0,15 h60" stroke="#fff" strokeWidth="10" />
-      <path d="M30,0 v30 M0,15 h60" stroke="#C8102E" strokeWidth="6" />
-    </g>
-  </svg>
-);
+// The switcher renders twice (phone and desktop), so the clip ids must be
+// unique per instance: fixed ids were duplicated on every page and one copy's
+// url(#...) resolved into the other (DOS/Rate#1079).
+const FlagEN = () => {
+  const clipId = useId();
+  return (
+    <svg
+      width="18"
+      height="12"
+      viewBox="0 0 60 30"
+      style={{
+        borderRadius: '2px',
+        display: 'inline-block',
+        flexShrink: 0,
+        boxShadow: '0 0 1px rgba(0,0,0,0.3)',
+      }}
+    >
+      <clipPath id={`${clipId}s`}>
+        <path d="M0,0 v30 h60 v-30 z" />
+      </clipPath>
+      <clipPath id={`${clipId}t`}>
+        <path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z" />
+      </clipPath>
+      <g clipPath={`url(#${clipId}s)`}>
+        <path d="M0,0 v30 h60 v-30 z" fill="#012169" />
+        <path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" strokeWidth="6" />
+        <path
+          d="M0,0 L60,30 M60,0 L0,30"
+          clipPath={`url(#${clipId}t)`}
+          stroke="#C8102E"
+          strokeWidth="4"
+        />
+        <path d="M30,0 v30 M0,15 h60" stroke="#fff" strokeWidth="10" />
+        <path d="M30,0 v30 M0,15 h60" stroke="#C8102E" strokeWidth="6" />
+      </g>
+    </svg>
+  );
+};
 
 const FlagCS = () => (
   <svg
diff --git a/apps/web/src/components/leaderboard/LeaderboardExplorer.tsx b/apps/web/src/components/leaderboard/LeaderboardExplorer.tsx
index e79694ef..8859e276 100644
--- a/apps/web/src/components/leaderboard/LeaderboardExplorer.tsx
+++ b/apps/web/src/components/leaderboard/LeaderboardExplorer.tsx
@@ -364,6 +364,7 @@ export default function LeaderboardExplorer({
       searchPlaceholder: t('searchPlaceholder'),
       allBrands: t('allBrands'),
       priceAll: t('priceAll'),
+      priceSegmentAria: t('priceSegmentAria'),
       priceUnder15: t('priceUnder15'),
       price15to25: t('price15to25'),
       priceOver25: t('priceOver25'),
@@ -828,10 +829,12 @@ export default function LeaderboardExplorer({
           </div>
         </div>
 
-        {/* 5-Category Switcher Pills */}
+        {/* 5-Category Switcher Pills: single-select buttons, not tabs (no
+            panels); the pressed one is exposed, not only its colour
+            (DOS/Rate#1067). */}
         <div
           className="d-flex mb-4 flex-wrap gap-2"
-          role="tablist"
+          role="group"
           aria-label={t('categoryTabsAria')}
         >
           {categoryTabs.map((tab) => {
@@ -841,8 +844,7 @@ export default function LeaderboardExplorer({
               <button
                 key={tab.slug}
                 type="button"
-                role="tab"
-                aria-selected={isSelected}
+                aria-pressed={isSelected}
                 onClick={() => handleSelectCategory(tab.slug)}
                 className={`btn rounded-pill fw-semibold d-inline-flex align-items-center gap-2 px-3 py-2 ${
                   isSelected
@@ -868,16 +870,24 @@ export default function LeaderboardExplorer({
 
         {/* 8-Mode JReviews Ranking Criterion Selector */}
         <div className="mb-3">
-          <div className="small text-muted fw-semibold mb-2">
+          <div
+            id="leaderboard-criterion-label"
+            className="small text-muted fw-semibold mb-2"
+          >
             {copy.chooseCriterion}
           </div>
-          <div className="d-flex flex-wrap gap-2">
+          <div
+            className="d-flex flex-wrap gap-2"
+            role="group"
+            aria-labelledby="leaderboard-criterion-label"
+          >
             {criterionOptions.map((opt) => {
               const isSelected = opt.key === activeCriterion;
               return (
                 <button
                   key={opt.key}
                   type="button"
+                  aria-pressed={isSelected && activePersona === 'none'}
                   onClick={() => {
                     setActivePersona('none');
                     handleSelectCriterion(opt.key);
@@ -899,11 +909,16 @@ export default function LeaderboardExplorer({
         {/* 3. Smart Use-Case Persona Recommender & Custom 5-Criteria Weight Sliders (Issue #52) */}
         <div className="border-top mb-3 pt-3">
           <div className="d-flex justify-content-between align-items-center mb-2 flex-wrap gap-2">
-            <div className="small text-muted fw-semibold">
+            <div
+              id="leaderboard-persona-label"
+              className="small text-muted fw-semibold"
+            >
               {copy.personaTitle}
             </div>
             <button
               type="button"
+              aria-expanded={showWeightSliders}
+              aria-controls="leaderboard-weight-sliders"
               onClick={() => setShowWeightSliders((v) => !v)}
               className={`btn btn-sm rounded-pill px-3 py-1 ${
                 showWeightSliders || activePersona === 'custom'
@@ -914,10 +929,21 @@ export default function LeaderboardExplorer({
             >
               <BsSliders aria-hidden="true" className="me-1" />
               {copy.customizeWeightsBtn}
+              {/* Custom weights select no persona pill and are shown only by
+                  this button's colour, so its name says so too (#1067). */}
+              {activePersona === 'custom' && (
+                <span className="visually-hidden">
+                  {`: ${copy.personaLabels.custom}`}
+                </span>
+              )}
             </button>
           </div>
 
-          <div className="d-flex flex-wrap gap-2">
+          <div
+            className="d-flex flex-wrap gap-2"
+            role="group"
+            aria-labelledby="leaderboard-persona-label"
+          >
             {(
               [
                 'none',
@@ -933,6 +959,7 @@ export default function LeaderboardExplorer({
                 <button
                   key={presetKey}
                   type="button"
+                  aria-pressed={isSelected}
                   onClick={() => applyPersonaPreset(presetKey)}
                   className={`btn btn-sm rounded-pill px-3 py-1 ${
                     isSelected
@@ -948,7 +975,10 @@ export default function LeaderboardExplorer({
           </div>
 
           {showWeightSliders && (
-            <div className="rounded-3 bg-light mt-2 border p-3">
+            <div
+              id="leaderboard-weight-sliders"
+              className="rounded-3 bg-light mt-2 border p-3"
+            >
               <div className="row g-3">
                 {(
                   [
@@ -1004,7 +1034,11 @@ export default function LeaderboardExplorer({
           </div>
 
           <div className="col-lg-4 col-md-6">
-            <div className="d-flex flex-wrap gap-1">
+            <div
+              className="d-flex flex-wrap gap-1"
+              role="group"
+              aria-label={copy.priceSegmentAria}
+            >
               {(
                 [
                   { id: 'all', label: copy.priceAll },
@@ -1016,6 +1050,7 @@ export default function LeaderboardExplorer({
                 <button
                   key={seg.id}
                   type="button"
+                  aria-pressed={priceSegment === seg.id}
                   onClick={() => setPriceSegment(seg.id)}
                   className={`btn btn-sm rounded-pill px-2 py-1 ${
                     priceSegment === seg.id
diff --git a/apps/web/src/components/leaderboard/ProductValueCalculator.tsx b/apps/web/src/components/leaderboard/ProductValueCalculator.tsx
index 7364aa50..151e04b8 100644
--- a/apps/web/src/components/leaderboard/ProductValueCalculator.tsx
+++ b/apps/web/src/components/leaderboard/ProductValueCalculator.tsx
@@ -284,6 +284,7 @@ export default function ProductValueCalculator({
               <button
                 key={m}
                 type="button"
+                aria-pressed={months === m}
                 onClick={() => setMonths(m)}
                 className={`btn rounded-pill fw-semibold me-1 px-3 ${
                   months === m ? 'btn-danger' : 'btn-outline-secondary'
diff --git a/apps/web/src/components/merchants/MerchantDirectoryExplorer.tsx b/apps/web/src/components/merchants/MerchantDirectoryExplorer.tsx
index 7bb0161f..f18f17f6 100644
--- a/apps/web/src/components/merchants/MerchantDirectoryExplorer.tsx
+++ b/apps/web/src/components/merchants/MerchantDirectoryExplorer.tsx
@@ -234,6 +234,8 @@ export default function MerchantDirectoryExplorer({
       avgTrustScore: t('avgTrustScore'),
       searchPlaceholder: t('searchPlaceholder'),
       allPlatforms: t('allPlatforms'),
+      platformFilterAria: t('platformFilterAria'),
+      seedingFilterAria: t('seedingFilterAria'),
       officialMallOnly: t('officialMallOnly'),
       riskFilterLabel: t('riskFilterLabel'),
       riskAll: t('riskAll'),
@@ -599,35 +601,48 @@ export default function MerchantDirectoryExplorer({
         {/* Platform Pills + Official Toggle + Seeding Risk Filter */}
         <div className="d-flex justify-content-between align-items-center border-top mt-3 flex-wrap gap-2 pt-3">
           <div className="d-flex align-items-center flex-wrap gap-2">
-            <button
-              type="button"
-              onClick={() => setPlatform('all')}
-              className={`btn btn-sm rounded-pill px-3 ${
-                platform === 'all' ? 'btn-dark fw-semibold' : 'btn-outline-dark'
-              }`}
+            {/* Each filter exposes its pressed choice, not only its colour
+                (DOS/Rate#1069). */}
+            <div
+              className="d-flex align-items-center flex-wrap gap-2"
+              role="group"
+              aria-label={labels.platformFilterAria}
             >
-              {labels.allPlatforms} ({summary.total})
-            </button>
-            {availablePlatforms.map((p) => {
-              const count = platformCounts.get(p) ?? 0;
-              return (
-                <button
-                  key={p}
-                  type="button"
-                  onClick={() => setPlatform(p)}
-                  className={`btn btn-sm rounded-pill text-uppercase px-3 ${
-                    platform === p
-                      ? 'btn-danger fw-semibold'
-                      : 'btn-outline-secondary'
-                  }`}
-                >
-                  {p} ({count})
-                </button>
-              );
-            })}
+              <button
+                type="button"
+                aria-pressed={platform === 'all'}
+                onClick={() => setPlatform('all')}
+                className={`btn btn-sm rounded-pill px-3 ${
+                  platform === 'all'
+                    ? 'btn-dark fw-semibold'
+                    : 'btn-outline-dark'
+                }`}
+              >
+                {labels.allPlatforms} ({summary.total})
+              </button>
+              {availablePlatforms.map((p) => {
+                const count = platformCounts.get(p) ?? 0;
+                return (
+                  <button
+                    key={p}
+                    type="button"
+                    aria-pressed={platform === p}
+                    onClick={() => setPlatform(p)}
+                    className={`btn btn-sm rounded-pill text-uppercase px-3 ${
+                      platform === p
+                        ? 'btn-danger fw-semibold'
+                        : 'btn-outline-secondary'
+                    }`}
+                  >
+                    {p} ({count})
+                  </button>
+                );
+              })}
+            </div>
 
             <button
               type="button"
+              aria-pressed={officialOnly}
               onClick={() => setOfficialOnly(!officialOnly)}
               className={`btn btn-sm rounded-pill d-inline-flex align-items-center gap-1 px-3 ${
                 officialOnly ? 'btn-success fw-semibold' : 'btn-outline-success'
@@ -637,7 +652,11 @@ export default function MerchantDirectoryExplorer({
               {labels.officialMallOnly}
             </button>
 
-            <div className="btn-group btn-group-sm" role="group">
+            <div
+              className="btn-group btn-group-sm"
+              role="group"
+              aria-label={labels.seedingFilterAria}
+            >
               {(
                 [
                   { id: 'all', label: labels.seedingAll },
@@ -648,6 +667,7 @@ export default function MerchantDirectoryExplorer({
                 <button
                   key={tier.id}
                   type="button"
+                  aria-pressed={seedingTier === tier.id}
                   onClick={() => setSeedingTier(tier.id)}
                   className={`btn rounded-pill ms-1 px-2 py-1 ${
                     seedingTier === tier.id
diff --git a/apps/web/src/components/price-history/PriceHistorySection.tsx b/apps/web/src/components/price-history/PriceHistorySection.tsx
index ae719933..c213fa07 100644
--- a/apps/web/src/components/price-history/PriceHistorySection.tsx
+++ b/apps/web/src/components/price-history/PriceHistorySection.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useCallback, useMemo, useRef, useState } from 'react';
+import { useCallback, useId, useMemo, useRef, useState } from 'react';
 import { useLocale, useTranslations } from 'next-intl';
 import ExportMenu from '@/components/elementary/ExportMenu';
 import ContentText from '@/components/elementary/ContentText';
@@ -145,6 +145,7 @@ export default function PriceHistorySection({
   const t = useTranslations('productDetail');
   const tVerdict = useTranslations('priceVerdict');
   const locale = useLocale();
+  const storeFilterLabelId = useId();
   const [selectedProductId, setSelectedProductId] = useState<string>('ALL');
   const [timeRange, setTimeRange] = useState<TimeRangeKey>('all');
   const [activePointIndex, setActivePointIndex] = useState<number | null>(null);
@@ -652,14 +653,23 @@ export default function PriceHistorySection({
         </div>
       </div>
 
-      {/* Controls: Merchant Filter & Time Range */}
+      {/* Controls: Merchant Filter & Time Range. Single-select groups that
+          expose the pressed choice, not only its colour (DOS/Rate#1069). */}
       <div className="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-3 gap-3">
-        <div className="d-flex align-items-center flex-wrap gap-2">
-          <span className="small text-muted fw-medium me-1">
+        <div
+          className="d-flex align-items-center flex-wrap gap-2"
+          role="group"
+          aria-labelledby={storeFilterLabelId}
+        >
+          <span
+            id={storeFilterLabelId}
+            className="small text-muted fw-medium me-1"
+          >
             {t('priceHistoryMerchantFilterLabel')}
           </span>
           <button
             type="button"
+            aria-pressed={selectedProductId === 'ALL'}
             onClick={() => {
               setSelectedProductId('ALL');
               setActivePointIndex(null);
@@ -682,6 +692,7 @@ export default function PriceHistorySection({
               <button
                 key={oa.product_id}
                 type="button"
+                aria-pressed={isSelected}
                 onClick={() => {
                   setSelectedProductId(oa.product_id);
                   setActivePointIndex(null);
@@ -721,6 +732,7 @@ export default function PriceHistorySection({
             <button
               key={item.key}
               type="button"
+              aria-pressed={timeRange === item.key}
               onClick={() => {
                 setTimeRange(item.key);
                 setActivePointIndex(null);
diff --git a/apps/web/src/components/reviews/JReviewsSection.tsx b/apps/web/src/components/reviews/JReviewsSection.tsx
index e3331a24..1a7c40a0 100644
--- a/apps/web/src/components/reviews/JReviewsSection.tsx
+++ b/apps/web/src/components/reviews/JReviewsSection.tsx
@@ -1284,11 +1284,12 @@ export default function JReviewsSection({
           </div>
         </div>
 
-        {/* Progress Bar */}
+        {/* Progress Bar: draws the badge percentages above, so it is hidden
+            from assistive tech rather than labelled (DOS/Rate#1071). */}
         <div
           className="progress rounded-pill mb-3"
           style={{ height: '10px' }}
-          aria-label={t('authenticityProgressAria')}
+          aria-hidden="true"
         >
           <div
             className="progress-bar bg-success"