diff --git a/Wend.Api/wwwroot/css/app.css b/Wend.Api/wwwroot/css/app.css
index 6100b62..d317326 100644
--- a/Wend.Api/wwwroot/css/app.css
+++ b/Wend.Api/wwwroot/css/app.css
@@ -30,7 +30,7 @@
   gap: 0.5rem;
 }
 
-.list-title { font-weight: 600; }
+.list-title { font-weight: 600; margin: 0; font-size: inherit; } /* an <h3> labelling its list region — neutralise heading defaults */
 
 .list-actions {
   display: flex;
@@ -290,7 +290,7 @@
 /* Active card: a leading done checkbox beside the open button, then the move row. */
 .card-row { display: flex; align-items: flex-start; gap: 0.4rem; }
 .card-row .card-chip { flex: 1; }
-.card-done-toggle { width: 1.15rem; height: 1.15rem; margin-top: 0.55rem; flex: none; }
+.card-done-toggle { width: 1.5rem; height: 1.5rem; margin-top: 0.35rem; flex: none; }
 
 /* Card-detail done toggle. */
 .card-done { margin: 0 0 1rem; }
@@ -380,6 +380,9 @@
   align-items: center;
   min-height: 44px; /* touch target */
 }
+/* ≥24px checkbox targets (WCAG 2.5.8); the 44px row supplies the hit area. */
+.checklist-row input[type="checkbox"],
+.done-item-row input[type="checkbox"] { width: 1.5rem; height: 1.5rem; }
 .checklist-row .rename-trigger {
   flex: 1;
   text-align: left;
@@ -400,9 +403,8 @@
   border-color: color-mix(in srgb, currentColor 15%, transparent);
   padding-top: 0.5rem;
 }
-.done-item-row { opacity: 0.6; }
-.done-item-text { text-decoration: line-through; }
-.done-row-label { display: flex; gap: 0.5rem; align-items: center; flex: 1; }
+.done-item-text { text-decoration: line-through; opacity: 0.7; } /* single 0.7 dim → ~5.36:1 (matches the board Done area); no stacked opacity */
+.checklist-done-label { display: flex; gap: 0.5rem; align-items: center; flex: 1; }
 
 /* Task-view header row + edit toggle. */
 .card-view-top {
diff --git a/Wend.Api/wwwroot/js/announce.js b/Wend.Api/wwwroot/js/announce.js
index 3441cd0..524dad1 100644
--- a/Wend.Api/wwwroot/js/announce.js
+++ b/Wend.Api/wwwroot/js/announce.js
@@ -1,8 +1,10 @@
 export function createAnnouncer(region) {
   return (message) => {
     region.textContent = "";
-    requestAnimationFrame(() => {
+    // A short timeout (not rAF, which pauses in hidden/throttled tabs) lets the clear register
+    // so identical consecutive messages still re-announce.
+    setTimeout(() => {
       region.textContent = message;
-    });
+    }, 120);
   };
 }
diff --git a/Wend.Api/wwwroot/js/board/controller.js b/Wend.Api/wwwroot/js/board/controller.js
index 871fd0b..b587cb6 100644
--- a/Wend.Api/wwwroot/js/board/controller.js
+++ b/Wend.Api/wwwroot/js/board/controller.js
@@ -27,13 +27,11 @@ export function createBoardController(model, view, announce, { onBack, onOpenCar
                 announce("Couldn't add the card — please try again.");
             }
         },
-        rename: async (id) => {
-            const title = prompt("New list name?");
-            if (!title || !title.trim()) return;
+        rename: async (id, text) => {
             try {
-                await model.rename(id, title.trim());
+                await model.rename(id, text);
                 announce("List renamed.");
-                view.focusNewListInput();
+                view.focusListRenameTrigger(id);
             } catch {
                 announce("Couldn't rename the list — please try again.");
             }
diff --git a/Wend.Api/wwwroot/js/board/view.js b/Wend.Api/wwwroot/js/board/view.js
index 7d2ae65..0f92e17 100644
--- a/Wend.Api/wwwroot/js/board/view.js
+++ b/Wend.Api/wwwroot/js/board/view.js
@@ -7,7 +7,7 @@ import { getPrefs } from "../prefs.js";
 // "Done" is a render grouping on completedAt; the collapse state lives here (ui.doneOpen).
 export function createBoardView(root) {
   let lastBoard = null;
-  const ui = { doneOpen: false };
+  const ui = { doneOpen: false, renamingId: null };
 
   function render(board) {
     lastBoard = board;
@@ -78,9 +78,14 @@ export function createBoardView(root) {
                   })
                   .join("");
               return `
-        <li class="list-card" data-list-id="${l.id}">
-          <span class="list-title">${escapeHtml(l.title)}</span>
-          <div class="list-actions">
+        <li class="list-card" data-list-id="${l.id}" role="group" aria-labelledby="list-${l.id}-title">
+          <h3 id="list-${l.id}-title" class="list-title">${escapeHtml(l.title)}</h3>
+          ${ui.renamingId === l.id
+            ? `<form class="rename-form" data-action="save-list-rename" data-id="${l.id}">
+                <input name="text" value="${escapeHtml(l.title)}" aria-label="List name" maxlength="200" required />
+                <button type="submit">Save</button>
+              </form>`
+            : `<div class="list-actions">
             <button data-action="move-left" data-id="${l.id}" ${first ? "disabled" : ""}
               aria-label="Move list left: ${escapeHtml(l.title)}">◀</button>
             <button data-action="move-right" data-id="${l.id}" ${last ? "disabled" : ""}
@@ -89,7 +94,7 @@ export function createBoardView(root) {
               aria-label="Rename list: ${escapeHtml(l.title)}">Rename</button>
             <button data-action="delete" data-id="${l.id}"
               aria-label="Delete list: ${escapeHtml(l.title)}">Delete</button>
-          </div>
+          </div>`}
           <ul class="card-list">${cards}</ul>
           <form class="card-form" data-action="create-card" data-list-id="${l.id}">
             <input name="title" aria-label="Add a card to ${escapeHtml(l.title)}" placeholder="Add a card…" required />
@@ -154,7 +159,9 @@ export function createBoardView(root) {
     root.querySelector(`.card-chip[data-card-id="${cardId}"]`)?.focus();
   }
   function focusDoneToggle() {
-    root.querySelector(".done-toggle")?.focus();
+    const t = root.querySelector(".done-toggle");
+    if (t) t.focus();
+    else focusHeading(); // fallback so a vanished toggle can't strand focus on <body>
   }
 
   function focusListAction(id, preferred) {
@@ -183,9 +190,33 @@ export function createBoardView(root) {
     item.querySelector(".card-chip")?.focus();
   }
 
+  function focusListRenameTrigger(id) {
+    root.querySelector(`[data-action="rename"][data-id="${id}"]`)?.focus();
+  }
+  // Enter / leave inline list rename (no server): flip ui + repaint + place focus.
+  function startListRename(id) {
+    ui.renamingId = id;
+    paint();
+    root.querySelector(".rename-form input")?.select();
+  }
+  function cancelListRename() {
+    const id = ui.renamingId;
+    ui.renamingId = null;
+    paint();
+    if (id != null) focusListRenameTrigger(id);
+  }
+
   function bindActions(handlers) {
     root.addEventListener("submit", async (e) => {
       const action = e.target.dataset.action;
+      if (action === "save-list-rename") {
+        e.preventDefault();
+        const text = e.target.elements["text"].value.trim();
+        if (!text) return;
+        ui.renamingId = null;
+        await handlers.rename(Number(e.target.dataset.id), text);
+        return;
+      }
       if (action !== "create" && action !== "create-card") return;
       e.preventDefault();
       const title = e.target.title.value.trim();
@@ -202,13 +233,13 @@ export function createBoardView(root) {
       const btn = e.target.closest("button[data-action]");
       if (!btn || btn.dataset.action === "create" || btn.dataset.action === "create-card") return;
       const action = btn.dataset.action;
-      if (action === "toggle-done-section") { ui.doneOpen = !ui.doneOpen; paint(); return; }
+      if (action === "toggle-done-section") { ui.doneOpen = !ui.doneOpen; paint(); focusDoneToggle(); return; }
       if (action === "back") return handlers.back();
       if (action === "open-card") return handlers.openCard(Number(btn.dataset.cardId));
       if (action === "card-up") return handlers.cardUp(Number(btn.dataset.cardId));
       if (action === "card-down") return handlers.cardDown(Number(btn.dataset.cardId));
       const id = Number(btn.dataset.id);
-      if (action === "rename") handlers.rename(id);
+      if (action === "rename") startListRename(id);
       else if (action === "delete") handlers.delete(id);
       else if (action === "move-left") handlers.moveLeft(id);
       else if (action === "move-right") handlers.moveRight(id);
@@ -222,7 +253,10 @@ export function createBoardView(root) {
       if (!listId) return;
       handlers.moveCardTo(Number(sel.dataset.cardId), listId);
     });
+    root.addEventListener("keydown", (e) => {
+      if (e.key === "Escape" && ui.renamingId != null) { e.stopPropagation(); cancelListRename(); }
+    });
   }
 
-  return { render, focusHeading, focusNewListInput, focusNewCardInput, focusCard, focusDoneToggle, focusListAction, focusCardAction, bindActions };
+  return { render, focusHeading, focusNewListInput, focusNewCardInput, focusCard, focusDoneToggle, focusListAction, focusCardAction, focusListRenameTrigger, bindActions };
 }
diff --git a/Wend.Api/wwwroot/js/boards/controller.js b/Wend.Api/wwwroot/js/boards/controller.js
index 9c6b4ec..8dd1692 100644
--- a/Wend.Api/wwwroot/js/boards/controller.js
+++ b/Wend.Api/wwwroot/js/boards/controller.js
@@ -13,13 +13,11 @@ export function createBoardsController(model, view, announce, { onOpen } = {}) {
         announce("Couldn't add the board — please try again.");
       }
     },
-    rename: async (id) => {
-      const title = prompt("New board name?");
-      if (!title || !title.trim()) return;
+    rename: async (id, text) => {
       try {
-        await model.rename(id, title.trim());
+        await model.rename(id, text);
         announce("Board renamed.");
-        view.focusNewBoardInput();
+        view.focusRenameTrigger(id);
       } catch {
         announce("Couldn't rename the board — please try again.");
       }
diff --git a/Wend.Api/wwwroot/js/boards/view.js b/Wend.Api/wwwroot/js/boards/view.js
index 452216c..18776dc 100644
--- a/Wend.Api/wwwroot/js/boards/view.js
+++ b/Wend.Api/wwwroot/js/boards/view.js
@@ -1,11 +1,30 @@
 // Renders boards (labelled controls) and forwards events via data-action. No fetch, no logic.
+// Holds only transient rename UI state — the card/checklist inline-rename pattern (replaces prompt).
 import { escapeHtml } from "../escape.js";
+
 export function createBoardsView(root) {
+  let lastBoards = [];
+  const ui = { renamingId: null }; // board id being renamed, or null
+  let h = {};
+
   function render(boards) {
-    const items = boards.length
-      ? boards
-          .map(
-            (b) => `
+    lastBoards = boards;
+    paint();
+  }
+
+  function paint() {
+    const items = lastBoards.length
+      ? lastBoards
+          .map((b) =>
+            ui.renamingId === b.id
+              ? `
+        <li>
+          <form class="rename-form" data-action="save-rename" data-id="${b.id}">
+            <input name="text" value="${escapeHtml(b.title)}" aria-label="Board name" maxlength="200" required />
+            <button type="submit">Save</button>
+          </form>
+        </li>`
+              : `
         <li>
           <button class="board-open" data-action="open" data-id="${b.id}"
             aria-label="Open board: ${escapeHtml(b.title)}">${escapeHtml(b.title)}</button>
@@ -35,28 +54,63 @@ export function createBoardsView(root) {
     root.querySelector(`[data-action="open"][data-id="${id}"]`)?.focus();
   }
 
+  function focusRenameTrigger(id) {
+    root.querySelector(`[data-action="rename"][data-id="${id}"]`)?.focus();
+  }
+
+  // Enter / leave inline rename (no server): flip ui + repaint + place focus.
+  function startRename(id) {
+    ui.renamingId = id;
+    paint();
+    root.querySelector(".rename-form input")?.select();
+  }
+  function cancelRename() {
+    const id = ui.renamingId;
+    ui.renamingId = null;
+    paint();
+    if (id != null) focusRenameTrigger(id);
+    else focusNewBoardInput();
+  }
+
   function bindActions(handlers) {
+    h = handlers;
+
     root.addEventListener("submit", async (e) => {
-      if (e.target.dataset.action !== "create") return;
+      const action = e.target.dataset.action;
       e.preventDefault();
-      const title = e.target.title.value.trim();
-      const submit = e.target.querySelector("button[type=submit]");
-      submit.disabled = true;
-      try {
-        await handlers.create(title);
-      } finally {
-        submit.disabled = false;
+      if (action === "create") {
+        const title = e.target.title.value.trim();
+        const submit = e.target.querySelector("button[type=submit]");
+        submit.disabled = true;
+        try {
+          await h.create(title);
+        } finally {
+          submit.disabled = false;
+        }
+      } else if (action === "save-rename") {
+        const text = e.target.elements["text"].value.trim(); // elements[] — f.text/f.name would hit form attrs
+        if (!text) return;
+        ui.renamingId = null;
+        await h.rename(Number(e.target.dataset.id), text);
       }
     });
+
     root.addEventListener("click", (e) => {
       const btn = e.target.closest("button[data-action]");
-      if (!btn || btn.dataset.action === "create") return;
+      if (!btn || btn.dataset.action === "create" || btn.dataset.action === "save-rename") return;
       const id = Number(btn.dataset.id);
-      if (btn.dataset.action === "open") handlers.open(id);
-      else if (btn.dataset.action === "rename") handlers.rename(id);
-      else if (btn.dataset.action === "delete") handlers.delete(id);
+      if (btn.dataset.action === "open") h.open(id);
+      else if (btn.dataset.action === "rename") startRename(id);
+      else if (btn.dataset.action === "delete") h.delete(id);
+    });
+
+    root.addEventListener("keydown", (e) => {
+      if (e.key === "Escape" && ui.renamingId != null) {
+        e.stopPropagation();
+        cancelRename();
+      }
     });
   }
 
-  return { render, focusNewBoardInput, focusOpen, bindActions };
-}
\ No newline at end of file
+  return { render, focusNewBoardInput, focusOpen, focusRenameTrigger, bindActions };
+}
diff --git a/Wend.Api/wwwroot/js/card/checklist.js b/Wend.Api/wwwroot/js/card/checklist.js
index 9be1cf6..800f079 100644
--- a/Wend.Api/wwwroot/js/card/checklist.js
+++ b/Wend.Api/wwwroot/js/card/checklist.js
@@ -43,7 +43,7 @@ export function renderChecklist(card, ui) {
       ${ui.doneOpen ? `<ul class="done-items">${done
         .map((i) => `
         <li class="done-item-row" data-item-id="${i.id}">
-          <label class="done-row-label">
+          <label class="checklist-done-label">
             <input type="checkbox" data-action="toggle-item" data-item-id="${i.id}" checked
               aria-label="Mark not done: ${escapeHtml(i.text)}" />
             <span class="done-item-text">${escapeHtml(i.text)}</span>
diff --git a/Wend.Api/wwwroot/js/card/controller.js b/Wend.Api/wwwroot/js/card/controller.js
index 0b86cc8..ee0ca83 100644
--- a/Wend.Api/wwwroot/js/card/controller.js
+++ b/Wend.Api/wwwroot/js/card/controller.js
@@ -143,8 +143,7 @@ export function createCardController(model, view, announce, {onBack, onDeleted,
             }
         },
         deleteLabel: async (id, name) => {
-            if (!confirm(`Delete
-            '${name}'? It will be removed from every card that uses it.`)) return;
+            if (!confirm(`Delete '${name}'? It will be removed from every card that uses it.`)) return;
             try {
                 await model.deleteLabel(id);
                 announce("Label deleted.");
diff --git a/Wend.Api/wwwroot/js/card/labels.js b/Wend.Api/wwwroot/js/card/labels.js
index 86b6a62..c1db31e 100644
--- a/Wend.Api/wwwroot/js/card/labels.js
+++ b/Wend.Api/wwwroot/js/card/labels.js
@@ -45,7 +45,7 @@ export function renderLabels(card, palette, ui) {
     <section class="labels-section" aria-label="Labels">
       <div class="labels-attached">${attachedChips}</div>
       <button type="button" class="labels-toggle" data-action="toggle-picker"
-        aria-haspopup="true" aria-expanded="${ui.pickerOpen ? "true" : "false"}">＋ Labels</button>
+        aria-expanded="${ui.pickerOpen ? "true" : "false"}">＋ Labels</button>
       ${ui.pickerOpen ? `<div class="label-picker" role="group" aria-label="Choose labels">${body}</div>` : ""}
     </section>`;
 }
diff --git a/Wend.Api/wwwroot/js/card/view.js b/Wend.Api/wwwroot/js/card/view.js
index 1062bf6..e3ba0d8 100644
--- a/Wend.Api/wwwroot/js/card/view.js
+++ b/Wend.Api/wwwroot/js/card/view.js
@@ -31,13 +31,16 @@ export function createCardView(root) {
         </div>
         <h2 class="card-heading" tabindex="-1">${
           ui.renamingId === "title"
-            ? `<form class="rename-form" data-action="save-title">
-                <input name="text" value="${escapeHtml(card.title)}" aria-label="Card title" maxlength="200" required />
-                <button type="submit">Save</button>
-              </form>`
+            ? escapeHtml(card.title)
             : `<button type="button" class="rename-trigger" data-action="rename-title"
                 aria-label="Rename: ${escapeHtml(card.title)}">${escapeHtml(card.title)}</button>`
         }</h2>
+        ${ui.renamingId === "title"
+          ? `<form class="rename-form" data-action="save-title">
+              <input name="text" value="${escapeHtml(card.title)}" aria-label="Card title" maxlength="200" required />
+              <button type="submit">Save</button>
+            </form>`
+          : ""}
         <p class="card-list-name">In list: <strong>${escapeHtml(card.listTitle)}</strong></p>
         ${prefs.showCardDone ? `<div class="card-done">
           <label class="card-done-label">
diff --git a/Wend.Api/wwwroot/js/settings/controller.js b/Wend.Api/wwwroot/js/settings/controller.js
index 3de4f56..49729a1 100644
--- a/Wend.Api/wwwroot/js/settings/controller.js
+++ b/Wend.Api/wwwroot/js/settings/controller.js
@@ -8,7 +8,8 @@ export function createSettingsController(model, view, announce, { onBack } = {})
   view.bindActions({
     back: () => onBack?.(),
     toggle: (key, value) => {
-      model.set(key, value);
+      model.set(key, value);   // notify → view.render rebuilds the checkbox
+      view.focusPref(key);      // return focus to the flipped checkbox
       announce(`${NAMES[key] ?? "Setting"} ${value ? "on" : "off"}.`);
     },
   });
diff --git a/Wend.Api/wwwroot/js/settings/view.js b/Wend.Api/wwwroot/js/settings/view.js
index 7d31df6..a5a6194 100644
--- a/Wend.Api/wwwroot/js/settings/view.js
+++ b/Wend.Api/wwwroot/js/settings/view.js
@@ -10,21 +10,27 @@ export function createSettingsView(root) {
         <h2 class="settings-heading" tabindex="-1">Settings</h2>
         <label class="setting-row">
           <input type="checkbox" data-action="toggle-pref" data-pref="showCardDone"
-            ${prefs.showCardDone ? "checked" : ""} />
+            aria-describedby="hint-showCardDone" ${prefs.showCardDone ? "checked" : ""} />
           <span>Show card Done checkboxes</span>
         </label>
-        <p class="setting-hint">Adds a done checkbox to every card, so cards can be tucked into the board's Done area.</p>
+        <p class="setting-hint" id="hint-showCardDone">Adds a done checkbox to every card, so cards can be tucked into the board's Done area.</p>
         <label class="setting-row">
           <input type="checkbox" data-action="toggle-pref" data-pref="alwaysShowDeleteCard"
-            ${prefs.alwaysShowDeleteCard ? "checked" : ""} />
+            aria-describedby="hint-alwaysShowDeleteCard" ${prefs.alwaysShowDeleteCard ? "checked" : ""} />
           <span>Always show the Delete card button</span>
         </label>
-        <p class="setting-hint">Otherwise Delete card only appears in a card's Edit mode.</p>
+        <p class="setting-hint" id="hint-alwaysShowDeleteCard">Otherwise Delete card only appears in a card's Edit mode.</p>
       </div>`;
   }
 
   function focusHeading() { root.querySelector(".settings-heading")?.focus(); }
 
+  function focusPref(key) {
+    const cb = root.querySelector(`input[data-pref="${key}"]`);
+    if (cb) cb.focus();
+    else focusHeading(); // fallback if the checkbox is somehow absent
+  }
+
   function bindActions(handlers) {
     h = handlers;
     root.addEventListener("click", (e) => {
@@ -36,5 +42,5 @@ export function createSettingsView(root) {
     });
   }
 
-  return { render, focusHeading, bindActions };
+  return { render, focusHeading, focusPref, bindActions };
 }
diff --git a/Wend.Api/wwwroot/js/toast.js b/Wend.Api/wwwroot/js/toast.js
index 6f1a36d..ce61742 100644
--- a/Wend.Api/wwwroot/js/toast.js
+++ b/Wend.Api/wwwroot/js/toast.js
@@ -3,7 +3,7 @@
 // keyboard focus is inside it, so it can't vanish before a keyboard / screen-reader user
 // reaches the action. A new show() replaces the current toast. No business logic — the caller
 // supplies the message and the callbacks.
-const TIMEOUT_MS = 8000;
+const TIMEOUT_MS = 12000; // long enough for a keyboard / screen-reader user to reach Undo (the only restore path until Trash)
 
 export function createToast(region) {
   let current = null; // { el, remaining, startedAt, timerId }
diff --git a/docs/2026-07-08-wend-mobile-a11y-polish-design.md b/docs/2026-07-08-wend-mobile-a11y-polish-design.md
new file mode 100644
index 0000000..fe1a550
--- /dev/null
+++ b/docs/2026-07-08-wend-mobile-a11y-polish-design.md
@@ -0,0 +1,169 @@
+# Wend — Plan 8: mobile + a11y polish design spec
+
+- **Date:** 2026-07-08
+- **Status:** Draft — stress-tested 2026-07-08 (8 fixes folded); pending review (Malin & Henry)
+- **Owners:** Malin & Henry
+- **Builds on:** [Slice 1 design](2026-06-15-wend-slice1-design.md) — the final Slice-1 increment
+- **Build mode:** **Claude solo** (per the 2026-07-07 delegation split — big plans go to Claude; the spec, review, and keyboard/screen-reader acceptance stay shared with Henry)
+
+---
+
+## Context
+
+Plan 8 is the last Slice-1 increment: mobile layout + accessibility polish. It is fed by two things.
+
+1. **The first live accessibility sweep** (browser-driven, 2026-07-08). Every prior increment was verified headlessly — backend live + node-rendered HTML — and the checklist increment shipped without an interactive pass at all. This session drove the *running* app in a real browser (the Claude Chrome extension) against a seeded board and **measured** ten findings — pixel sizes, contrast ratios, focus destinations, ARIA — rather than inferring them. Those are the a11y half of this plan, and each carries its measured evidence below.
+2. **Two mobile features carried over** from Plan 6: the **single-list switcher** and the **per-list Done strip**, both deferred because they assume a mobile single-list focus that didn't exist yet.
+
+The a11y findings are ready to build now. The mobile layout still wants the shared brainstorm — it is scoped here with a proposed approach and open questions, flagged for that session, not decided solo.
+
+> **A caught pitfall, recorded once:** the sweep first ran against **stale cached JS** the browser was serving from earlier dev sessions on `127.0.0.1:5174` — two "bugs" were cache ghosts. `UseStaticFiles` sends no `Cache-Control`, so a normal reload doesn't revalidate module imports. Every verification (this plan's and the human acceptance) must **hard-reload / disable cache** first. See Gotchas.
+
+## Scope
+
+**In — a11y findings (verified, ready to build):**
+
+- **F1** Board Done-area toggle drops keyboard focus on expand/collapse.
+- **F2** Sub-24px checkboxes: checklist item (13×13px) and board Done toggle (18×18px).
+- **F3** Checklist Done-strip text fails contrast (2.68:1) via a CSS class collision.
+- **F4** Delete-undo toast auto-dismisses in 8s and is the only restore path.
+- **F5** Board/list rename use native `prompt()` while everything else renames inline.
+- **F6** List columns aren't navigable by heading or landmark.
+- **F7** Malformed label-delete `confirm()` string (a stray newline + indentation).
+- **F8** Card-title rename nests a `<form>` inside the `<h2>`.
+- **F9** Picker `aria-haspopup="true"` (menu semantics for a checkbox group); Settings hints not linked via `aria-describedby`; `announce()`'s rAF drops messages in hidden/throttled tabs.
+- **F10** Settings toggle drops keyboard focus on re-render (same family as F1).
+
+**In — mobile layout (design pending — shared brainstorm):**
+
+- Single-list switcher on narrow screens (one list at a time + an accessible way to move between them).
+- Per-list Done strip (each list's completed cards, mirroring the checklist Done strip).
+
+**Out of scope:**
+
+- Label chips-vs-bars display toggle — its Settings home exists now, but it's a distinct feature; stays in [`backlog.md`](backlog.md).
+- Multi-card batch undo, Trash/Archive screens — later slices.
+- **Any backend / API / schema / test change.** Plan 8 is **frontend-only**: no `data.db` reset, no new endpoints, no NUnit changes — the suite stays at **147 green**. Verification is in-browser (now automatable via the sweep) plus human screen-reader acceptance.
+
+## Findings & fixes (grouped by theme)
+
+Every measurement below was read off the live app on 2026-07-08 against a seeded board (page background `#0D1117`).
+
+### A. Focus management — F1, F10
+
+Both drop focus to `<body>`: the board's global Done-area toggle ([board/view.js:205](../Wend.Api/wwwroot/js/board/view.js:205)) and every Settings toggle ([settings/controller.js:10](../Wend.Api/wwwroot/js/settings/controller.js:10) → `model.set` → `view.render`). The root cause is the house pattern — a full `innerHTML` repaint — without the matching refocus that every *other* control already does (the checklist Done-strip toggle refocuses itself at [card/view.js:207](../Wend.Api/wwwroot/js/card/view.js:207); that's the reference).
+
+- **F1 fix:** in the `toggle-done-section` branch, call `view.focusDoneToggle()` after `paint()` — the helper already exists at [board/view.js:156](../Wend.Api/wwwroot/js/board/view.js:156).
+- **F10 fix:** after a Settings toggle re-renders, return focus to the checkbox that was flipped. Add a `focusPref(key)` helper to the settings view and call it from the controller's `toggle` handler (mirrors the label-toggle refocus contract).
+- **Both:** the refocus helpers use `?.focus()`, which silently drops to `<body>` if the target is ever absent. The normal path is safe (the toggle/checkbox persists), but specify a stable fallback (the screen's heading) so a future edge case can't strand focus.
+
+### B. Target size — F2 (WCAG 2.5.8, AA)
+
+Measured **13×13px** for checklist item checkboxes ([checklist.js:25](../Wend.Api/wwwroot/js/card/checklist.js:25)) — both active and Done-strip — and **18×18px** for the board Done toggle (`.card-done-toggle`, [board/view.js:55](../Wend.Api/wwwroot/js/board/view.js:55)). Both are below the 24×24 CSS-px minimum, and both are the controls a thumb hits most on mobile.
+
+- **Fix (CSS only, [app.css](../Wend.Api/wwwroot/css/app.css)):** give both a ≥24px box and a ≥44px interactive row/hit area. The checklist checkbox **can't** be label-wrapped to borrow a larger target — its adjacent text is a rename `<button>`, not a label — so grow the input itself (`width/height` + padding on `.checklist-row`). The board `.card-done-toggle` grows from `1.15rem` likewise.
+
+### C. Contrast — F3 (WCAG 1.4.3, AA)
+
+Checklist Done-strip text composites to **2.68:1** at **0.42 effective opacity** — a clear fail. Root cause: `.done-row-label` is defined **twice** ([app.css:314](../Wend.Api/wwwroot/css/app.css:314) for the board Done area, [app.css:405](../Wend.Api/wwwroot/css/app.css:405) for the checklist strip), so the strip label keeps the first rule's `opacity: 0.7` **inside** `.done-item-row { opacity: 0.6 }` ([app.css:403](../Wend.Api/wwwroot/css/app.css:403)) → 0.42 stacked. For contrast, the board Done area is **fine** (0.7 → 5.36:1 measured) — so this is scoped precisely to the strip's doubled opacity.
+
+- **Fix:** rename **only the checklist strip's** `.done-row-label` — in **both** the CSS rule ([app.css:405](../Wend.Api/wwwroot/css/app.css:405)) **and** its emitter ([checklist.js:46](../Wend.Api/wwwroot/js/card/checklist.js:46)); both `checklist.js` and `board/view.js` emit `.done-row-label`, so a CSS-only rename leaves the strip unstyled and renaming the *shared* class breaks the board area. Leave the board Done area's `.done-row-label` ([app.css:314](../Wend.Api/wwwroot/css/app.css:314)) **untouched** — it's fine at 5.36:1. Stop stacking opacity, and dim the strip text to a **measured ≥4.5:1** — match the board area's single `0.7` step (proven 5.36:1) or a fixed dim colour; **re-measure, don't assume `0.6` passes** (`0.6` alone composites to roughly the AA borderline). Keep the line-through (redundant, not sole, signal).
+
+### D. Structure & semantics — F6, F8
+
+- **F6:** the board title is a `heading`, but the three list columns serialise as `generic` text (`.list-title` is a `<span>`, [board/view.js:82](../Wend.Api/wwwroot/js/board/view.js:82)). The a11y tree confirmed only "Sprint Board" (`h2`) and — ironically — the *Done* area (`region`) are reachable; a screen-reader heading-jump skips every working column. **Fix:** wrap each list in `<section role="group" aria-labelledby="list-{id}-title">` with an `<h3 id="list-{id}-title" class="list-title">{title}</h3>` — the heading *labels* the region, so a screen reader announces it **once** (not a separate `aria-label` **and** a heading, which would double-announce). This is the structural hook the mobile switcher selects on, so it lands first.
+- **F8:** renaming the card title nests a `<form>` inside the `<h2>` ([card/view.js:32](../Wend.Api/wwwroot/js/card/view.js:32)) — invalid content model (a heading takes phrasing content), confirmed live. **Fix:** render the rename form as a **sibling** after the heading, not inside it — but the `<h2>` must **never go nameless**: in normal mode it holds the rename *trigger* button (its text = the title), and during rename it keeps the title as static text (or the trigger) with the input/form as the following sibling.
+
+### E. Native dialogs → inline — F5, F7
+
+- **F5:** board rename ([boards/controller.js:17](../Wend.Api/wwwroot/js/boards/controller.js:17)) and list rename ([board/controller.js:31](../Wend.Api/wwwroot/js/board/controller.js:31)) call `prompt()`, while card titles and checklist items rename **inline** (text-as-button → input swap, Enter saves, Esc cancels, focus returns). `prompt()` is jarring, mobile-hostile, and inconsistent. **Fix:** give boards and lists the same inline rename pattern; delete the `prompt()` calls. Match the card/checklist contract exactly: rename state lives in the **view** and survives a `paint()`; the `<input value="…">` and rename-trigger `aria-label` are **`escapeHtml`-escaped** (new interpolation sites); Enter/Save commits, Esc cancels and returns focus to the trigger; blur = **leave-open** (matches cards — no silent auto-commit). The largest single fix (new view state + handlers on two trios), but a direct copy of a pattern already in the codebase.
+- **F7:** the label-delete `confirm()` template literal spans two source lines, rendering `Delete\n            'name'?…` ([card/controller.js:146](../Wend.Api/wwwroot/js/card/controller.js:146)). **Fix:** collapse to one line. (Trivial; folds in wherever we touch that file. Native `confirm()` for the destructive board/list/label deletes stays — it's accessible; only the string is broken.)
+
+### F. Toast timing — F4 (WCAG 2.2.1)
+
+The toast itself is well-built (measured live: `role="group"`, correct message, Undo + "Dismiss", sits **before `#app`** so it's one Shift+Tab from the board heading, focus lands on the heading after delete and on the restored chip after undo — the restore round-trip works). The risk is timing: **8s auto-dismiss** ([toast.js:6](../Wend.Api/wwwroot/js/toast.js:6)), pausing only once focus/hover enters, and it's currently the **only** restore path (Trash is a later slice). A keyboard/screen-reader user racing to the Undo can lose the window.
+
+- **Fix:** lengthen the window (proposed **12–15s**) **and/or** don't start the auto-dismiss until first hover/focus has occurred (show-until-interacted, then time out). Confirm the announce→Shift+Tab→Undo path feels reachable in the human acceptance. **Dependency:** a screen-reader user only learns Undo exists from the "Undo available" announcement, so **land F9's `announce()` fix before/with F4** — a dropped announcement plus a short window strands them.
+
+### G. ARIA & announcements — F9
+
+- **`aria-haspopup="true"`** on the Labels toggle ([labels.js:47](../Wend.Api/wwwroot/js/card/labels.js:47)) advertises a *menu*; the popup is a checkbox group. **Fix:** `aria-haspopup="dialog"` or drop it (`aria-expanded` already conveys the disclosure).
+- **Settings hints not linked:** both `.setting-hint` paragraphs return `aria-describedby: null` ([settings/view.js:16](../Wend.Api/wwwroot/js/settings/view.js:16)), so a screen reader doesn't tie the hint to its checkbox. **Fix:** give each hint an `id` and each checkbox an `aria-describedby` pointing at it.
+- **`announce()` uses rAF:** it clears then sets `#status` across a `requestAnimationFrame` ([announce.js:4](../Wend.Api/wwwroot/js/announce.js:4)). The sweep demonstrated this **drops the message entirely in a hidden/throttled tab** (rAF is paused there). Normal foreground use works, but it's needlessly fragile. **Fix:** swap the rAF for a small `setTimeout` (~120ms), which fires regardless of tab visibility.
+
+## Mobile layout (design pending — for the shared brainstorm)
+
+**Requirement.** Below the tablet breakpoint (`< 768px`) the board currently stacks all lists vertically — a long scroll. Show **one list at a time** with a switcher, and give each list its own **Done strip**.
+
+**Proposed approach (to confirm together — not decided):**
+
+- A labelled **list switcher** at the top of the board on narrow screens. Proposed: a native `<select>` ("Viewing: To Do ▾") — robust, native mobile UX, matches Wend's native-controls-first ethos. Mobile-first: the single-list + switcher is the *baseline*; the horizontal columns layer up unchanged at `min-width: 768px`.
+- A **per-list Done strip**: each list gains a collapsible `Done (n)` disclosure of *its* completed cards, mirroring the checklist Done strip and the global Done area.
+- Sits on top of **F6** — making each list a labelled region/heading is exactly what the switcher targets, so F6 lands first and the switcher builds on it.
+
+**Open questions for the brainstorm:**
+
+1. **Switcher control:** native `<select>` vs an APG `role="tablist"` tabs pattern (more discoverable, heavier, more ARIA to get right).
+2. **Global vs per-list Done:** the slice spec said "Done = both". Do we keep the global Done area *and* add per-list strips, or does per-list replace the global area on mobile (and what happens on desktop)?
+3. **Selected-list persistence:** reset to the first list on each mount (the fresh-mount house pattern) vs remember the selection across open-card → back.
+4. **Swipe gestures:** proposed *no* (keyboard/SR-first; buttons/select only) — confirm.
+5. **Stale selection:** if the remembered/active list is deleted, fall back to the first list — don't leave the switcher pointing at a gone id.
+6. **Change announcement:** switching lists must announce the new list — a native `<select>` announces itself; a tabs pattern needs an explicit `aria-live` or focus move.
+
+## Frontend (files touched)
+
+All changes are in `Wend.Api/wwwroot/`. No backend, no `js/api.js`, no models beyond view state. **Escape discipline:** every new site that interpolates a user title into `innerHTML` — F5 rename inputs + trigger `aria-label`, F6 region label/heading, the switcher `<option>`s — is `escapeHtml`-escaped (the card/checklist pattern already does this; the new sites must too).
+
+- **`css/app.css`** — F2 (checkbox sizes), F3 (rename the colliding class, single-step dim), plus the mobile switcher / per-list strip styles (mobile-first, `min-width: 768px` for columns).
+- **`js/board/view.js`** — F1 refocus, F6 list regions/headings, per-list Done strip + switcher markup, F5 inline list rename.
+- **`js/board/controller.js`** — F5 inline list rename handlers (replacing `prompt`), switcher wiring.
+- **`js/boards/view.js` / `js/boards/controller.js`** — F5 inline board rename (replacing `prompt`).
+- **`js/card/view.js`** — F8 (rename form out of the `<h2>`).
+- **`js/card/labels.js`** — F9 `aria-haspopup`.
+- **`js/card/controller.js`** — F7 (one-line the confirm string).
+- **`js/settings/view.js` / `js/settings/controller.js`** — F9 `aria-describedby`, F10 refocus.
+- **`js/announce.js`** — F9 rAF → `setTimeout`.
+- **`js/toast.js`** — F4 timing.
+
+## Accessibility (what each change satisfies)
+
+- **WCAG 2.5.8** Target Size (Minimum) — F2.
+- **WCAG 1.4.3** Contrast (Minimum) — F3.
+- **WCAG 2.4.1 / 1.3.1** landmarks & structure — F6; **4.1.2** name/role/value — F8, F9.
+- **WCAG 2.2.1** Timing Adjustable — F4.
+- **Focus management** (2.4.3 Focus Order / 2.4.7 Focus Visible in spirit) — F1, F10, F5's inline rename returning focus.
+- Colour never the only signal (F3 keeps line-through); reduced-motion unaffected (instant re-renders); forced-colors already handled for the progress bar.
+
+## Testing
+
+- **No automated test change** — Plan 8 is frontend; the suite stays **147 green, 0 warnings** (I'll run it once at the end to confirm the backend is untouched).
+- **Automated browser verification (new capability):** re-run the live sweep against each fix — the same measured checks that found them (checkbox ≥24px, Done-strip contrast ≥4.5:1, focus destinations after F1/F10, `aria-describedby` present, `aria-haspopup` corrected, list regions in the a11y tree). This is the acceptance gate I can drive myself.
+- **Human keyboard + screen-reader acceptance (Malin & Henry):** the parts a driver can't measure — real NVDA/VoiceOver announcement quality, the toast reach under time pressure, the inline-rename feel on a phone. **Hard-reload / disable cache first** (see Gotchas).
+
+## Build shape (Claude solo)
+
+Grouped so each task is independently verifiable in the browser. Tasks describe intent + files + the verification check (not keystroke-level code — Claude writes the code and self-verifies via the sweep, then Malin & Henry review the PR + run acceptance).
+
+**Phase 1 — a11y findings (ready now):**
+
+1. **CSS fixes** — F2 (checkbox sizes ≥24/44px), F3 (rename the colliding `.done-row-label`, single-step dim ≥4.5:1), F7 (one-line confirm string). *Verify:* measured sizes + contrast in-browser.
+2. **Focus management** — F1 (board Done toggle) + F10 (settings toggle) refocus. *Verify:* `activeElement` is the toggle, not `<body>`, after each.
+3. **Structure** — F6 (list regions/headings) + F8 (rename form out of `<h2>`). *Verify:* a11y tree shows list regions; no `<form>` descendant of `<h2>` while renaming.
+4. **ARIA & announcements** — F9 (`aria-haspopup`, `aria-describedby`, rAF → `setTimeout`). *Verify:* attributes present/corrected; `#status` updates without rAF.
+5. **Toast timing** — F4. *Verify:* window ≥12s and/or not-until-interacted.
+6. **Inline rename** — F5 (boards + lists, replacing `prompt()`). *Verify:* text-as-button → input swap, Enter/Esc, focus returns — matching the card/item pattern.
+
+**Phase 2 — mobile layout (after the brainstorm):**
+
+7. Per-list Done strip.
+8. Single-list switcher (control per the brainstorm decision).
+9. Acceptance + README status + backlog updates (close nothing new; note mobile shipped).
+
+Branch `feature/mobile-a11y-polish` → PR → review + keyboard/SR acceptance → merge. Single-author (Claude as Malin) → squash-merge is clean (the merge-not-squash rule only bites when Henry has commits on the branch).
+
+## Gotchas carried forward
+
+- **Dev static-file cache** — `UseStaticFiles` sends no `Cache-Control`, so the browser serves stale JS from earlier localhost sessions and a normal reload won't revalidate module imports. **Hard-reload / disable cache** (or `fetch(url, {cache:'reload'})` each module) before every browser check. Bit the sweep on 2026-07-08 before it was caught. *(Optional, out of scope: a dev-only `no-cache` header on static files would end this — note for a future housekeeping pass, not Plan 8.)*
+- Stop any running `Wend.exe` / `dotnet run` before `dotnet build`/`test` — the process is **`Wend.Api`**, not `Wend` (`Get-Process Wend.Api ... | Stop-Process`).
+- No `data.db` reset this plan — frontend-only, no schema change.
+- Squash-merging a multi-author branch adds a co-author trailer — but Plan 8 is single-author (Claude solo), so squash is clean.
diff --git a/docs/plans/2026-07-08-slice1-mobile-a11y-polish.md b/docs/plans/2026-07-08-slice1-mobile-a11y-polish.md
new file mode 100644
index 0000000..482fe64
--- /dev/null
+++ b/docs/plans/2026-07-08-slice1-mobile-a11y-polish.md
@@ -0,0 +1,159 @@
+# Plan 8 — Mobile + A11y Polish Implementation Plan
+
+> **Build mode — Claude solo** (2026-07-07 delegation split). Claude drives every task, commits per task **as Malin** (no AI attribution), and self-verifies each in a real browser via the Chrome extension (the same sweep that found these). Malin & Henry review the PR and run the **keyboard + screen-reader acceptance** before merge. No coached turn-based handoff this plan.
+>
+> **Verification is browser-first.** Every task ends with a concrete in-browser check (measure the size, read the contrast, inspect `activeElement`, read the a11y tree). **Hard-reload / disable cache before each check** — `UseStaticFiles` serves stale JS otherwise (it bit the sweep on 2026-07-08).
+
+**Goal:** Ship the final Slice-1 increment — the ten accessibility findings from the 2026-07-08 live sweep (Phase 1, ready now) plus the mobile single-list switcher and per-list Done strip (Phase 2, after the shared brainstorm).
+
+**Architecture:** Frontend-only. No backend, no API, no schema, no NUnit change — every fix lives in `Wend.Api/wwwroot/` (CSS + the vanilla-JS MVC views/controllers). Fixes follow patterns already in the codebase (the card/checklist inline-rename, the label-toggle refocus contract, the escape-at-every-`innerHTML` rule).
+
+**Tech Stack:** vanilla-JS MVC (no build step) · CSS (mobile-first, design-system tokens) · ASP.NET Core static hosting (untouched).
+
+**Spec:** [`docs/2026-07-08-wend-mobile-a11y-polish-design.md`](../2026-07-08-wend-mobile-a11y-polish-design.md) (stress-tested; 8 fixes folded).
+
+**Test count:** stays **147 green, 0 warnings** throughout — backend is untouched. Run `dotnet test` once at the end to confirm nothing regressed. (Stop `Wend.Api` before the test run — the DLL lock, not a test failure.)
+
+---
+
+## Before Task 1 — branch + docs commit
+
+```powershell
+git switch main; git pull
+git switch -c feature/mobile-a11y-polish
+git add docs/2026-07-08-wend-mobile-a11y-polish-design.md docs/plans/2026-07-08-slice1-mobile-a11y-polish.md
+git commit -m "Plan 8 docs — mobile + a11y polish spec + build plan"
+git push -u origin feature/mobile-a11y-polish
+```
+
+No `data.db` reset this plan (frontend-only). Keep the seeded sweep board around — it exercises every finding.
+
+---
+
+## Phase 1 — a11y findings (ready to build)
+
+### Task 1 — CSS: target sizes (F2), Done-strip contrast (F3), confirm string (F7)
+
+**Files:** `css/app.css`, `js/card/checklist.js`, `js/card/controller.js`
+
+- **F2** — grow the two sub-24px checkboxes to a ≥24px box (rows are already 44px tall):
+  ```css
+  .card-done-toggle { width: 1.5rem; height: 1.5rem; }               /* was 1.15rem (18px) */
+  .checklist-row input[type="checkbox"],
+  .done-item-row input[type="checkbox"] { width: 1.5rem; height: 1.5rem; }  /* was 13px default */
+  ```
+- **F3** — rename **only** the checklist strip's colliding class in `checklist.js` (`class="done-row-label"` → `class="checklist-done-label"`) and add a matching CSS rule; **delete** the `.done-row-label` opacity from the strip's chain and dim with a **single** step measured ≥4.5:1 (mirror the board area's `0.7`, proven 5.36:1). Leave `board/view.js` + `app.css:314`'s `.done-row-label` untouched.
+- **F7** — collapse the label-delete `confirm()` string in `card/controller.js` to one line.
+
+**Verify (browser):** re-measure — both checkboxes report ≥24px; the Done-strip text composites to ≥4.5:1 against `#0D1117`; the board Done area still measures 5.36:1 (unbroken); the confirm dialog reads cleanly.
+
+**Commit:** `Plan 8 Task 1 — a11y CSS: 24px targets, Done-strip contrast, confirm string`
+
+---
+
+### Task 2 — Focus management (F1, F10)
+
+**Files:** `js/board/view.js`, `js/settings/view.js`, `js/settings/controller.js`
+
+- **F1** — in the `toggle-done-section` click branch, call `focusDoneToggle()` after `paint()` (helper exists).
+- **F10** — add a `focusPref(key)` helper to the settings view (`root.querySelector(\`input[data-pref="${key}"]\`)?.focus()`) and call it from the controller's `toggle` handler after `model.set`.
+- **Both** — if the refocus target is ever absent, fall back to the screen heading rather than letting `?.focus()` drop to `<body>`.
+
+**Verify (browser):** after toggling the board Done area and after flipping each Settings checkbox, `document.activeElement` is the toggle/checkbox (not `BODY`) — the exact check that caught F1/F10.
+
+**Commit:** `Plan 8 Task 2 — focus stays on the toggle after Done-area / settings re-render`
+
+---
+
+### Task 3 — Structure & semantics (F6, F8)
+
+**Files:** `js/board/view.js`, `js/card/view.js`, `css/app.css`
+
+- **F6** — each list becomes a labelled region with the heading as its label (one announcement, both landmark + heading nav):
+  ```html
+  <li class="list-card" data-list-id="${l.id}" role="group" aria-labelledby="list-${l.id}-title">
+    <h3 id="list-${l.id}-title" class="list-title">${escapeHtml(l.title)}</h3>
+    …
+  ```
+  (If a screen reader objects to `role="group"` on an `<li>` inside `<ul>`, wrap the content in a `<section>` instead — decide at build from the a11y tree.)
+- **F8** — restructure the card heading so the `<h2>` **keeps its name** and the rename form is a sibling: normal mode → `<h2>` holds the rename-trigger button; rename mode → `<h2>` holds the title as text, with the `<form>` rendered *after* the `</h2>`, never inside it.
+
+**Verify (browser):** the a11y tree shows each list as a `group`/`region` with its title; heading-jump reaches every list. While renaming a card title, no `<form>` is a descendant of the `<h2>` and the heading still exposes the title as its name.
+
+**Commit:** `Plan 8 Task 3 — lists as labelled regions; card rename form out of the h2`
+
+---
+
+### Task 4 — ARIA & announcements (F9)
+
+**Files:** `js/card/labels.js`, `js/settings/view.js`, `js/announce.js`
+
+- `aria-haspopup="true"` → `"dialog"` on the Labels toggle (or drop it — `aria-expanded` already conveys the disclosure).
+- Give each `.setting-hint` an `id` and each Settings checkbox `aria-describedby` pointing at it.
+- `announce.js`: swap the rAF for a short `setTimeout` so the message fires regardless of tab visibility:
+  ```js
+  return (message) => {
+    region.textContent = "";
+    setTimeout(() => { region.textContent = message; }, 120);
+  };
+  ```
+
+**Verify (browser):** picker toggle reports `aria-haspopup="dialog"`; each settings checkbox has `aria-describedby` resolving to its hint; `#status` receives the message without relying on rAF (the hidden-tab drop no longer happens).
+
+**Commit:** `Plan 8 Task 4 — picker haspopup, settings describedby, reliable announcer`
+
+---
+
+### Task 5 — Toast timing (F4) — *after Task 4*
+
+**Files:** `js/toast.js`
+
+- Lengthen the auto-dismiss window (`TIMEOUT_MS` 8000 → **12000**), keeping the pause-on-hover/focus. (Alternative considered: don't start the timer until first interaction — heavier, and a mouse user who ignores it never sees it dismiss. Bump-and-pause is the pragmatic call; revisit if acceptance says it's still tight.)
+- Depends on Task 4: the reliable "Undo available" announcement is what a screen-reader user hears first.
+
+**Verify (browser):** delete a card, confirm the window is ≥12s and still pauses while focus is inside; the Undo→restore round-trip still lands focus on the restored chip.
+
+**Commit:** `Plan 8 Task 5 — longer undo-toast window for AT users`
+
+---
+
+### Task 6 — Inline rename for boards & lists (F5)
+
+**Files:** `js/boards/view.js`, `js/boards/controller.js`, `js/board/view.js`, `js/board/controller.js`
+
+Replace the two `prompt()` calls with the card/checklist inline-rename pattern. Per trio:
+
+- View gains `ui = { renamingId: null }` (survives `paint()`); the title renders as a rename-trigger button (`aria-label="Rename: ${escapeHtml(title)}"`), swapping to a `<form>` with `<input value="${escapeHtml(title)}">` when `renamingId` matches.
+- Enter/Save commits (→ `model.rename`), Esc cancels and returns focus to the trigger, **blur leaves it open** (matches cards — no silent auto-commit).
+- `escapeHtml` at both the input `value` and the trigger `aria-label` (new interpolation sites).
+- Delete the `prompt()` branches in both controllers.
+
+**Verify (browser):** rename a board and a list inline — text→input swap, Enter saves, Esc cancels with focus back on the trigger; a title containing `"` / `<` round-trips without breaking markup (escape check).
+
+**Commit:** `Plan 8 Task 6 — inline rename for boards and lists (replaces prompt)`
+
+---
+
+## Phase 2 — mobile layout (after the shared brainstorm)
+
+Design-pending — do **not** start these until the switcher decisions in the spec's "Mobile layout" open questions are settled with Henry.
+
+### Task 7 — Per-list Done strip
+Each list gains a collapsible `Done (n)` disclosure of *its* completed cards, mirroring the checklist Done strip. Depends on Task 3 (list regions). *Verify:* per-list strip expands/collapses, focus stays on its toggle (F1 lesson), contrast ≥4.5:1 (F3 lesson).
+
+### Task 8 — Single-list switcher
+Narrow-screen (`< 768px`) single-list view + the switcher control chosen in the brainstorm; desktop columns unchanged (mobile-first). *Verify:* one list shown on mobile, switching announces the new list, keyboard-operable; resize to ≥768px restores columns.
+
+### Task 9 — Acceptance + README + backlog
+Full-suite `dotnet test` (147, backend untouched); README Slice-1 status → Plan 8 done / Slice 1 complete; note in `backlog.md` that the mobile layout shipped. Malin & Henry run the final keyboard/SR acceptance.
+
+**Merge:** single-author branch → squash-merge is clean (the merge-not-squash rule only bites when Henry has commits on the branch). Delete `feature/mobile-a11y-polish`; confirm the remote branch actually went (the checklist merge silently didn't).
+
+---
+
+## Gotchas carried forward
+
+- **Hard-reload / disable cache before every browser check** — stale static JS (no `Cache-Control`) served the sweep old modules on 2026-07-08.
+- Stop **`Wend.Api`** (not `Wend`) before `dotnet build`/`test`.
+- No `data.db` reset — frontend-only, no schema change.
+- Phase 2 is blocked on the mobile brainstorm; Phase 1 is not.