diff --git a/src/app/(app)/admin/admin-nav.tsx b/src/app/(app)/admin/admin-nav.tsx
index c9c3369..e8b53b0 100644
--- a/src/app/(app)/admin/admin-nav.tsx
+++ b/src/app/(app)/admin/admin-nav.tsx
@@ -44,6 +44,7 @@ export function AdminNav({ horizontal }: { horizontal?: boolean }) {
             <Link
               key={item.href}
               href={item.href}
+              aria-current={active ? "page" : undefined}
               className={`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-md whitespace-nowrap transition-colors ${
                 active
                   ? "bg-accent text-foreground"
@@ -63,7 +64,7 @@ export function AdminNav({ horizontal }: { horizontal?: boolean }) {
     <nav className="w-full flex flex-col gap-5">
       {sections.map((group) => (
         <div key={group.group}>
-          <p className="text-[10px] uppercase tracking-wider text-muted-foreground font-semibold mb-1 px-2">
+          <p className="text-xs uppercase tracking-wider text-muted-foreground font-semibold mb-1 px-2">
             {group.group}
           </p>
           <ul className="space-y-0.5">
@@ -77,6 +78,7 @@ export function AdminNav({ horizontal }: { horizontal?: boolean }) {
                 <li key={item.href}>
                   <Link
                     href={item.href}
+                    aria-current={active ? "page" : undefined}
                     className={`flex items-center gap-2.5 h-9 px-2.5 rounded-md text-sm transition-colors ${
                       active
                         ? "bg-accent text-foreground font-medium"
diff --git a/src/app/(app)/admin/cabinet/cabinet-form.tsx b/src/app/(app)/admin/cabinet/cabinet-form.tsx
index 9975f8f..47d4a2e 100644
--- a/src/app/(app)/admin/cabinet/cabinet-form.tsx
+++ b/src/app/(app)/admin/cabinet/cabinet-form.tsx
@@ -31,6 +31,7 @@ export function CabinetForm({
           maxLength={120}
           defaultValue={initial?.name ?? "Cabinet"}
           placeholder="Votre cabinet"
+          aria-invalid={state?.ok === false}
         />
         <p className="text-xs text-muted-foreground">
           Affiché dans l&apos;UI et utilisé par défaut dans le footer des
diff --git a/src/app/(app)/admin/users/[id]/page.tsx b/src/app/(app)/admin/users/[id]/page.tsx
index bee9b24..610b3bf 100644
--- a/src/app/(app)/admin/users/[id]/page.tsx
+++ b/src/app/(app)/admin/users/[id]/page.tsx
@@ -191,7 +191,14 @@ export default async function AdminUserDetailPage({
               </span>
             </p>
           </div>
-          <div className="h-2 w-full rounded-full bg-muted overflow-hidden">
+          <div
+            className="h-2 w-full rounded-full bg-muted overflow-hidden"
+            role="progressbar"
+            aria-label="Consommation du quota"
+            aria-valuenow={monthCostCents}
+            aria-valuemin={0}
+            aria-valuemax={quotaCents ?? undefined}
+          >
             <div
               className={`h-full transition-all ${
                 quotaPercent! >= 100
diff --git a/src/app/(app)/admin/users/user-row.tsx b/src/app/(app)/admin/users/user-row.tsx
index be7d434..b9930d1 100644
--- a/src/app/(app)/admin/users/user-row.tsx
+++ b/src/app/(app)/admin/users/user-row.tsx
@@ -220,6 +220,50 @@ export function UserRow({
         {feedback && (
           <div className="text-xs text-success mt-1">{feedback}</div>
         )}
+
+        {/* Résumé compact des stats sur mobile : la rangée détaillée
+            (Conv./Docs/Projets/Ce mois) est masquée < md, on reflow donc
+            les chiffres ici pour ne pas les perdre sur petit écran. */}
+        <div className="md:hidden mt-1.5 flex flex-wrap gap-x-3 gap-y-0.5 text-[11px] tabular-nums text-muted-foreground">
+          <span>
+            <span className="opacity-70">Conv. </span>
+            <span className="font-medium text-foreground">
+              {entry.stats.convCount}
+            </span>
+          </span>
+          <span>
+            <span className="opacity-70">Docs </span>
+            <span className="font-medium text-foreground">
+              {entry.stats.docCount}
+            </span>
+          </span>
+          <span>
+            <span className="opacity-70">Projets </span>
+            <span className="font-medium text-foreground">
+              {entry.stats.projectCount}
+            </span>
+          </span>
+          <span>
+            <span className="opacity-70">Ce mois </span>
+            <span
+              className={`font-medium ${
+                quotaCents != null &&
+                quotaCents > 0 &&
+                monthSpentCents >= quotaCents
+                  ? "text-destructive"
+                  : "text-foreground"
+              }`}
+            >
+              {formatEurFromCents(monthSpentCents)}
+              {quotaCents != null && (
+                <span className="font-normal opacity-70">
+                  {" / "}
+                  {formatEurFromCents(quotaCents)}
+                </span>
+              )}
+            </span>
+          </span>
+        </div>
       </div>
 
       {/* Stats compactes : 4 chiffres en tabular-nums. Cabinet-friendly :
@@ -250,7 +294,14 @@ export function UserRow({
             )}
           </div>
           {quotaPercent != null && (
-            <div className="mt-1 h-1 w-20 rounded-full bg-muted overflow-hidden">
+            <div
+              className="mt-1 h-1 w-20 rounded-full bg-muted overflow-hidden"
+              role="progressbar"
+              aria-label="Consommation du quota"
+              aria-valuenow={monthSpentCents}
+              aria-valuemin={0}
+              aria-valuemax={quotaCents ?? undefined}
+            >
               <div
                 className={`h-full transition-all ${
                   quotaPercent >= 100
diff --git a/src/app/(app)/admin/users/users-table.tsx b/src/app/(app)/admin/users/users-table.tsx
index e01f347..bb382d9 100644
--- a/src/app/(app)/admin/users/users-table.tsx
+++ b/src/app/(app)/admin/users/users-table.tsx
@@ -69,6 +69,7 @@ export function UsersTable({ rows, currentUserId, nowMs }: Props) {
             value={query}
             onChange={(e) => setQuery(e.target.value)}
             placeholder="Rechercher par email ou nom…"
+            aria-label="Rechercher un utilisateur"
             className="w-full rounded-md border border-input bg-background pl-8 pr-3 py-1.5 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50"
           />
         </div>
@@ -78,6 +79,7 @@ export function UsersTable({ rows, currentUserId, nowMs }: Props) {
               key={f}
               type="button"
               onClick={() => setFilter(f)}
+              aria-pressed={filter === f}
               className={`px-2.5 py-1.5 rounded-md text-xs transition-colors ${
                 filter === f
                   ? "bg-foreground text-background"
diff --git a/src/app/(app)/board/[id]/add-agent-dialog.tsx b/src/app/(app)/board/[id]/add-agent-dialog.tsx
index dac94f1..d7136c5 100644
--- a/src/app/(app)/board/[id]/add-agent-dialog.tsx
+++ b/src/app/(app)/board/[id]/add-agent-dialog.tsx
@@ -163,7 +163,7 @@ export function AddAgentDialog({
         <Button
           type="button"
           variant="default"
-          className="shadow-lg shadow-foreground/10 rounded-full pl-3 pr-4 h-10"
+          className="shadow-sm pl-3 pr-4 h-10"
         >
           <IconPlus className="size-4" />
           Ajouter un agent
diff --git a/src/app/(app)/board/[id]/agent-flow-node.tsx b/src/app/(app)/board/[id]/agent-flow-node.tsx
index b19bd33..9891a7d 100644
--- a/src/app/(app)/board/[id]/agent-flow-node.tsx
+++ b/src/app/(app)/board/[id]/agent-flow-node.tsx
@@ -2,7 +2,12 @@
 
 import { memo } from "react";
 import { Handle, Position, type NodeProps } from "@xyflow/react";
-import { IconPencil, IconTrash } from "@tabler/icons-react";
+import {
+  IconAlertTriangle,
+  IconCheck,
+  IconPencil,
+  IconTrash,
+} from "@tabler/icons-react";
 import { cn } from "@/lib/utils";
 import type { PipelineAgent, ProviderKey } from "@/db/schema";
 import { roleMeta } from "../agent-role-meta";
@@ -55,10 +60,28 @@ function AgentFlowNodeBase({ data }: NodeProps) {
           className="absolute top-2 right-2 z-10 flex size-2"
           aria-label="Agent actif"
         >
-          <span className="absolute inline-flex size-full animate-pulse rounded-full bg-foreground/30 opacity-75" />
+          <span className="absolute inline-flex size-full motion-safe:animate-pulse rounded-full bg-foreground/30 opacity-75" />
           <span className="relative inline-flex size-2 rounded-full bg-foreground/80" />
         </span>
       )}
+      {state === "done" && (
+        <span
+          className="absolute top-2 right-2 z-10 inline-flex items-center gap-0.5 text-[10px] uppercase tracking-wider text-success"
+          aria-label="Agent terminé"
+        >
+          <IconCheck className="size-3.5" />
+          Terminé
+        </span>
+      )}
+      {state === "error" && (
+        <span
+          className="absolute top-2 right-2 z-10 inline-flex items-center gap-0.5 text-[10px] uppercase tracking-wider text-destructive"
+          aria-label="Agent en erreur"
+        >
+          <IconAlertTriangle className="size-3.5" />
+          Erreur
+        </span>
+      )}
       <Handle
         type="target"
         position={Position.Left}
@@ -107,7 +130,7 @@ function AgentFlowNodeBase({ data }: NodeProps) {
                   e.stopPropagation();
                   onDelete();
                 }}
-                className="size-7 grid place-items-center rounded-md hover:bg-destructive/10 hover:text-destructive transition-colors"
+                className="size-9 grid place-items-center rounded-md hover:bg-destructive/10 hover:text-destructive transition-colors"
                 aria-label={`Supprimer ${agent.label}`}
               >
                 <IconTrash className="size-3.5" />
diff --git a/src/app/(app)/board/[id]/animated-edge.tsx b/src/app/(app)/board/[id]/animated-edge.tsx
index 36aa5ee..d6831bb 100644
--- a/src/app/(app)/board/[id]/animated-edge.tsx
+++ b/src/app/(app)/board/[id]/animated-edge.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { BaseEdge, getSmoothStepPath, type EdgeProps } from "@xyflow/react";
+import { useReducedMotion } from "motion/react";
 
 /**
  * Edge custom React Flow avec animation "particule" qui voyage du source
@@ -35,6 +36,7 @@ export function AnimatedEdge(props: EdgeProps) {
 
   const isActive = Boolean(data?.active);
   const isDashed = Boolean(data?.dashed);
+  const reducedMotion = useReducedMotion();
 
   return (
     <>
@@ -50,7 +52,7 @@ export function AnimatedEdge(props: EdgeProps) {
         }}
         markerEnd={markerEnd}
       />
-      {isActive && (
+      {isActive && !reducedMotion && (
         <circle
           r="3"
           fill="var(--color-foreground)"
diff --git a/src/app/(app)/board/[id]/inline-rename.tsx b/src/app/(app)/board/[id]/inline-rename.tsx
index 4adaf8a..e4f50af 100644
--- a/src/app/(app)/board/[id]/inline-rename.tsx
+++ b/src/app/(app)/board/[id]/inline-rename.tsx
@@ -80,10 +80,7 @@ export function InlineRename({
 
   if (!editable) {
     return (
-      <h1
-        className="font-heading text-3xl md:text-4xl tracking-tight"
-        title={`slug: ${pipelineId}`}
-      >
+      <h1 className="font-heading text-3xl md:text-4xl tracking-tight">
         {initialName}
       </h1>
     );
diff --git a/src/app/(app)/board/[id]/page.tsx b/src/app/(app)/board/[id]/page.tsx
index 4a3c9df..c2115c3 100644
--- a/src/app/(app)/board/[id]/page.tsx
+++ b/src/app/(app)/board/[id]/page.tsx
@@ -1,6 +1,6 @@
 import Link from "next/link";
 import { asc, eq } from "drizzle-orm";
-import { IconArrowLeft } from "@tabler/icons-react";
+import { IconArrowLeft, IconBulb, IconInfoCircle } from "@tabler/icons-react";
 import { redirect, notFound } from "next/navigation";
 import { auth } from "@/auth";
 import { db } from "@/db";
@@ -87,7 +87,7 @@ export default async function PipelineEditorPage({
       {data.pipeline.isPreset && (
         <div className="mb-6 rounded-lg border border-dashed border-border/80 bg-muted/20 p-4 flex items-start gap-3">
           <div className="size-8 rounded-md grid place-items-center bg-foreground/5 shrink-0">
-            <span className="text-xs font-mono">i</span>
+            <IconInfoCircle className="size-4 text-foreground/70" />
           </div>
           <div className="text-sm">
             <p className="font-medium">
@@ -123,8 +123,9 @@ export default async function PipelineEditorPage({
       </div>
 
       <div className="mt-5 text-[11px] text-muted-foreground flex flex-wrap items-center gap-x-4 gap-y-1">
-        <span>
-          💡 Cliquez un agent pour l&apos;éditer
+        <span className="inline-flex items-center gap-1">
+          <IconBulb className="size-3.5" />
+          Cliquez un agent pour l&apos;éditer
         </span>
         {data.pipeline.mode === "sequential" && !data.pipeline.isPreset && (
           <span>· Glissez les cartes pour réordonner</span>
diff --git a/src/app/(app)/board/[id]/pipeline-mode-bar.tsx b/src/app/(app)/board/[id]/pipeline-mode-bar.tsx
index a8f92eb..2ec200a 100644
--- a/src/app/(app)/board/[id]/pipeline-mode-bar.tsx
+++ b/src/app/(app)/board/[id]/pipeline-mode-bar.tsx
@@ -1,7 +1,8 @@
 "use client";
 
-import { useTransition } from "react";
+import { useRef, useTransition } from "react";
 import { useRouter } from "next/navigation";
+import { IconAlertTriangle } from "@tabler/icons-react";
 import {
   Select,
   SelectContent,
@@ -38,6 +39,25 @@ export function PipelineModeBar({ pipeline, agentCount }: PipelineModeBarProps)
   }
 
   const modes: PipelineModeKey[] = ["sequential", "council", "parallel"];
+  const radioRefs = useRef<(HTMLButtonElement | null)[]>([]);
+
+  function handleRadioKeyDown(
+    e: React.KeyboardEvent<HTMLButtonElement>,
+    index: number
+  ) {
+    if (isPreset || pending) return;
+    let nextIndex: number | null = null;
+    if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+      nextIndex = (index + 1) % modes.length;
+    } else if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
+      nextIndex = (index - 1 + modes.length) % modes.length;
+    }
+    if (nextIndex === null) return;
+    e.preventDefault();
+    const nextMode = modes[nextIndex];
+    radioRefs.current[nextIndex]?.focus();
+    if (nextMode !== mode) update({ mode: nextMode });
+  }
 
   return (
     <div className="py-4 border-y border-border">
@@ -73,7 +93,7 @@ export function PipelineModeBar({ pipeline, agentCount }: PipelineModeBarProps)
         aria-label="Mode d'orchestration"
         className="mt-3 grid grid-cols-1 sm:grid-cols-3 gap-2"
       >
-        {modes.map((m) => {
+        {modes.map((m, i) => {
           const meta = MODE_META[m];
           const Icon = meta.icon;
           const selected = mode === m;
@@ -81,12 +101,17 @@ export function PipelineModeBar({ pipeline, agentCount }: PipelineModeBarProps)
           return (
             <button
               key={m}
+              ref={(el) => {
+                radioRefs.current[i] = el;
+              }}
               type="button"
               role="radio"
               aria-checked={selected}
               aria-label={`${meta.label} — ${meta.pitch}`}
+              tabIndex={selected ? 0 : -1}
               disabled={disabled}
               onClick={() => !selected && update({ mode: m })}
+              onKeyDown={(e) => handleRadioKeyDown(e, i)}
               className={cn(
                 "group relative flex items-start gap-3 rounded-xl border px-4 py-3 text-left transition-all",
                 selected
@@ -123,15 +148,18 @@ export function PipelineModeBar({ pipeline, agentCount }: PipelineModeBarProps)
       </div>
 
       {mode === "council" && (
-        <p className="mt-3 text-[11px] text-muted-foreground border-t border-border/40 pt-2">
+        <p className="mt-3 flex items-start gap-1 text-[11px] text-muted-foreground border-t border-border/40 pt-2">
           {(() => {
             const debaters = Math.max(0, agentCount - 1);
             const calls = rounds * debaters + 1;
             return (
               <>
-                ⚠️ Coût estimé : {calls} appel{calls > 1 ? "s" : ""} LLM par
-                question — {debaters} débatteur{debaters > 1 ? "s" : ""} sur{" "}
-                {rounds} tour{rounds > 1 ? "s" : ""}, plus 1 synthèse finale.
+                <IconAlertTriangle className="size-3.5 shrink-0 mt-px text-warning" />
+                <span>
+                  Coût estimé : {calls} appel{calls > 1 ? "s" : ""} LLM par
+                  question — {debaters} débatteur{debaters > 1 ? "s" : ""} sur{" "}
+                  {rounds} tour{rounds > 1 ? "s" : ""}, plus 1 synthèse finale.
+                </span>
               </>
             );
           })()}
diff --git a/src/app/(app)/board/[id]/pipeline-workflow.tsx b/src/app/(app)/board/[id]/pipeline-workflow.tsx
index 3833441..4fd497a 100644
--- a/src/app/(app)/board/[id]/pipeline-workflow.tsx
+++ b/src/app/(app)/board/[id]/pipeline-workflow.tsx
@@ -349,7 +349,7 @@ function PipelineWorkflowInner({
         {/* Vignette radiale subtile pour donner du caractère au canvas */}
         <div
           aria-hidden
-          className="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_50%_30%,transparent,oklch(var(--color-foreground)/0.02)_70%,oklch(var(--color-foreground)/0.04))]"
+          className="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_50%_30%,transparent,color-mix(in_oklch,var(--color-foreground)_2%,transparent)_70%,color-mix(in_oklch,var(--color-foreground)_4%,transparent))]"
         />
 
         {/* Bouton reset : visible dès qu'au moins un agent a des
@@ -409,7 +409,7 @@ function PipelineWorkflowInner({
               pannable
               zoomable
               className="!bg-card !border !border-border"
-              maskColor="rgb(0 0 0 / 0.05)"
+              maskColor="color-mix(in oklab, var(--foreground) 6%, transparent)"
               nodeColor="var(--color-foreground)"
             />
           )}
diff --git a/src/app/(app)/board/agent-edit-sheet.tsx b/src/app/(app)/board/agent-edit-sheet.tsx
index 11f0069..90d8edc 100644
--- a/src/app/(app)/board/agent-edit-sheet.tsx
+++ b/src/app/(app)/board/agent-edit-sheet.tsx
@@ -251,15 +251,26 @@ export function AgentEditSheet({
               maxLength={8000}
               aria-describedby={`prompt-help-${agent.id}`}
             />
-            {systemPrompt.length > 2000 && (
-              <p
-                id={`prompt-help-${agent.id}`}
-                className="text-xs text-muted-foreground"
-              >
-                ⚠️ Ce prompt sera répété à chaque appel de cet agent — un
-                prompt long multiplie les coûts en mode council/parallel.
-              </p>
-            )}
+            <p
+              id={`prompt-help-${agent.id}`}
+              className={
+                systemPrompt.length > 2000
+                  ? "flex items-start gap-1 text-xs text-warning"
+                  : "text-xs text-muted-foreground"
+              }
+            >
+              {systemPrompt.length > 2000 ? (
+                <>
+                  <IconAlertTriangle className="size-3.5 shrink-0 mt-px" />
+                  <span>
+                    Ce prompt sera répété à chaque appel de cet agent — un
+                    prompt long multiplie les coûts en mode council/parallel.
+                  </span>
+                </>
+              ) : (
+                "Vide = prompt « factory » du rôle. Plus le prompt est long, plus chaque appel coûte cher."
+              )}
+            </p>
           </div>
 
           <div className="space-y-2">
diff --git a/src/app/(app)/chat/agent-theatre.tsx b/src/app/(app)/chat/agent-theatre.tsx
index 6047773..a34cdff 100644
--- a/src/app/(app)/chat/agent-theatre.tsx
+++ b/src/app/(app)/chat/agent-theatre.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect, useRef } from "react";
-import { AnimatePresence, motion } from "motion/react";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import {
@@ -259,6 +259,7 @@ function TurnCard({ turn }: { turn: AgentTurn }) {
   const meta = roleMeta(turn.role);
   const Icon = meta.icon;
   const isFinal = turn.key.endsWith("-final");
+  const reduceMotion = useReducedMotion();
 
   return (
     <motion.article
@@ -266,7 +267,11 @@ function TurnCard({ turn }: { turn: AgentTurn }) {
       aria-label={`${meta.label} : ${turn.label}${turn.round !== undefined ? ` — tour ${turn.round}` : ""}`}
       initial={{ opacity: 0, y: 12 }}
       animate={{ opacity: 1, y: 0 }}
-      transition={{ type: "spring", damping: 26, stiffness: 220 }}
+      transition={
+        reduceMotion
+          ? { duration: 0.2, ease: [0.23, 1, 0.32, 1] }
+          : { type: "spring", damping: 26, stiffness: 220 }
+      }
       className={cn(
         "rounded-2xl border bg-card overflow-hidden",
         isFinal ? "border-foreground/30 shadow-sm" : "border-border"
diff --git a/src/app/(app)/chat/assistant-message-actions.tsx b/src/app/(app)/chat/assistant-message-actions.tsx
index 31bd0f4..f0e91d0 100644
--- a/src/app/(app)/chat/assistant-message-actions.tsx
+++ b/src/app/(app)/chat/assistant-message-actions.tsx
@@ -124,10 +124,10 @@ export function AssistantMessageActions({
             {availableModels.length > 12 && (
               <>
                 <DropdownMenuSeparator />
-                <DropdownMenuItem disabled className="text-[10px]">
+                <DropdownMenuLabel className="text-[10px] font-normal text-muted-foreground">
                   {availableModels.length - 12} modèles supplémentaires —
                   changez de modèle dans le composer
-                </DropdownMenuItem>
+                </DropdownMenuLabel>
               </>
             )}
           </DropdownMenuContent>
diff --git a/src/app/(app)/chat/chat-shell.tsx b/src/app/(app)/chat/chat-shell.tsx
index e3955ed..d9bd1d6 100644
--- a/src/app/(app)/chat/chat-shell.tsx
+++ b/src/app/(app)/chat/chat-shell.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { memo, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useChat } from "@ai-sdk/react";
@@ -675,7 +675,7 @@ function hasRenderableText(
  * un rendu char-par-char à ~60fps indépendant du débit SSE. Sur les
  * messages historiques, render direct sans buffer.
  */
-function AssistantMarkdownPart({
+const AssistantMarkdownPart = memo(function AssistantMarkdownPart({
   text,
   isLive,
   mergedDocuments,
@@ -729,7 +729,7 @@ function AssistantMarkdownPart({
       {linkifyDocMentions(display, mergedDocuments)}
     </ReactMarkdown>
   );
-}
+});
 
 function DocPickerContent({
   documents,
@@ -915,6 +915,14 @@ export function ChatShell({
     },
     [initialConversationId]
   );
+  // Adaptateur stable (signature ReactMarkdown/ToolPart → setOpenDoc) pour que
+  // `React.memo(AssistantMarkdownPart)` ne se ré-invalide pas à chaque token :
+  // les messages historiques ne re-rendent plus pendant le streaming.
+  const handleOpenDoc = useCallback(
+    (documentId: string, targetText: string) =>
+      setOpenDoc({ documentId, targetText }),
+    [setOpenDoc]
+  );
   // Tracking des document_id déjà auto-ouverts dans le DocPanel pour ne
   // pas réouvrir à chaque re-render. Survit au remount qui se produit
   // quand l'URL passe de /chat à /chat?id=xxx via sessionStorage.
@@ -1045,6 +1053,10 @@ export function ChatShell({
     []
   );
 
+  // Annonce de complétion pour lecteurs d'écran (région live dédiée, à part
+  // du thread streamé). Vide pendant le stream, renseigné dans onFinish.
+  const [statusText, setStatusText] = useState("");
+
   const {
     messages,
     setMessages,
@@ -1064,6 +1076,7 @@ export function ChatShell({
     // d'affichage stable indépendant du rythme du provider.
     experimental_throttle: 50,
     onFinish: ({ message }) => {
+      setStatusText("Réponse de Louis terminée.");
       const meta = message?.metadata as
         | { conversationId?: string; usage?: Usage }
         | undefined;
@@ -1235,6 +1248,8 @@ export function ChatShell({
     setEditingMessageId(null);
     setEditingDraft("");
     setEditError(null);
+    // Le textarea inline d'édition se démonte → rendre le focus au composer.
+    composerRef.current?.focus();
   }
 
   async function saveEditing(messageId: string) {
@@ -1272,6 +1287,8 @@ export function ChatShell({
     });
     setEditingMessageId(null);
     setEditingDraft("");
+    // Le textarea inline d'édition se démonte → rendre le focus au composer.
+    composerRef.current?.focus();
     regenerate({
       body: {
         providerKeyId,
@@ -1326,6 +1343,8 @@ export function ChatShell({
   function handleSubmit() {
     const trimmed = input.trim();
     if (!trimmed || isBusy) return;
+    // Reset l'annonce live pour qu'elle se re-déclenche à la fin du tour.
+    setStatusText("");
     // Mémorise les attachements pour les associer au message user qui
     // va apparaître dans `messages` au prochain tick (cf useEffect plus
     // bas qui consume cette ref).
@@ -1349,6 +1368,10 @@ export function ChatShell({
     // Le doc reste accessible via le picker / la sidebar /documents s'il
     // est nécessaire pour un prochain message.
     setAttachedDocIds([]);
+    // Rend le focus au composer après envoi (le textarea reste monté ;
+    // simplement disabled pendant le stream → focus revient au prochain
+    // tour de saisie).
+    composerRef.current?.focus();
   }
 
   // Associe les attachements pending au dernier message user dès qu'il
@@ -1585,11 +1608,16 @@ export function ChatShell({
       </header>
 
       {/* Messages or empty state */}
+      {/* Région live dédiée : annonce uniquement une string de complétion
+          courte (cf. statusText) — n'enveloppe PAS le thread streamé pour
+          éviter de ré-annoncer chaque token. */}
+      <div className="sr-only" role="status" aria-live="polite">
+        {statusText}
+      </div>
       <div
         ref={messagesScrollRef}
+        tabIndex={0}
         className="flex-1 overflow-y-auto relative"
-        role="log"
-        aria-live="polite"
         aria-busy={isBusy}
         aria-label="Conversation avec Louis"
       >
@@ -1615,6 +1643,7 @@ export function ChatShell({
               return (
                 <div
                   key={m.id}
+                  aria-label={isUser ? "Vous" : "Louis"}
                   className={`flex flex-col gap-1.5 ${isUser ? "items-end" : "items-start group/msg"}`}
                 >
                   {/* Wrapper d'étapes : utile UNIQUEMENT pour pipelines
@@ -1770,9 +1799,7 @@ export function ChatShell({
                               text={part.text}
                               isLive={isLiveMessage}
                               mergedDocuments={mergedDocuments}
-                              onOpenDoc={(documentId, targetText) =>
-                                setOpenDoc({ documentId, targetText })
-                              }
+                              onOpenDoc={handleOpenDoc}
                             />
                           ) : (
                             <Spinner className="size-4" />
@@ -1797,9 +1824,7 @@ export function ChatShell({
                           input={p.input}
                           output={p.output}
                           state={p.state}
-                          onOpenDoc={(documentId, targetText) =>
-                            setOpenDoc({ documentId, targetText })
-                          }
+                          onOpenDoc={handleOpenDoc}
                         />
                       );
                     }
@@ -1982,6 +2007,7 @@ export function ChatShell({
                 }
               }}
               placeholder="Posez votre question…"
+              aria-label="Votre message à Louis"
               rows={1}
               disabled={isBusy}
               className="w-full resize-none rounded-t-2xl bg-transparent px-4 pt-3 pb-1 text-[15px] leading-[1.55] placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 max-h-[240px] overflow-y-auto"
diff --git a/src/app/(app)/chat/composer-menu.tsx b/src/app/(app)/chat/composer-menu.tsx
index 4c22a2c..21b0410 100644
--- a/src/app/(app)/chat/composer-menu.tsx
+++ b/src/app/(app)/chat/composer-menu.tsx
@@ -7,7 +7,6 @@ import {
   IconSparkles,
   IconBriefcase,
   IconSettings,
-  IconWorld,
   IconFileText,
   IconKey,
   IconCpu,
@@ -190,16 +189,6 @@ export function ComposerMenu({
             Tous les réglages
           </Link>
         </DropdownMenuItem>
-
-        {/* Slot futur : web search toggle, style picker… */}
-        <DropdownMenuSeparator />
-        <DropdownMenuItem disabled className="opacity-50">
-          <IconWorld className="size-4" />
-          Recherche web
-          <span className="ml-auto text-[10px] text-muted-foreground">
-            bientôt
-          </span>
-        </DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>
   );
diff --git a/src/app/(app)/chat/docx-view.tsx b/src/app/(app)/chat/docx-view.tsx
index ad3a826..89e7374 100644
--- a/src/app/(app)/chat/docx-view.tsx
+++ b/src/app/(app)/chat/docx-view.tsx
@@ -135,7 +135,7 @@ export function DocxView({
         }
         .docx-view-container .docx-wrapper > section.docx {
           margin: 1rem auto !important;
-          box-shadow: 0 0 0 1px oklch(0.92 0.008 265);
+          box-shadow: 0 0 0 1px var(--border);
         }
       `}</style>
       {loading && (
@@ -180,8 +180,8 @@ function highlightAndScroll(
         range.setEnd(node, start + needle.trim().length);
         const mark = document.createElement("mark");
         mark.className = "louis-quote-mark";
-        mark.style.backgroundColor = "oklch(0.94 0.12 90)";
-        mark.style.color = "inherit";
+        mark.style.backgroundColor = "var(--highlight)";
+        mark.style.color = "var(--highlight-foreground)";
         range.surroundContents(mark);
         const rect = mark.getBoundingClientRect();
         const scrollRect = scrollEl.getBoundingClientRect();
diff --git a/src/app/(app)/chat/edit-card.tsx b/src/app/(app)/chat/edit-card.tsx
index fd64adb..e6c28ff 100644
--- a/src/app/(app)/chat/edit-card.tsx
+++ b/src/app/(app)/chat/edit-card.tsx
@@ -61,8 +61,9 @@ export function EditCard({ raw }: { raw: string }) {
           Suggestion d&apos;édition
         </div>
         {decision === "kept" && (
-          <span className="text-[10px] uppercase tracking-wider text-primary font-medium">
-            ✓ Conservée
+          <span className="inline-flex items-center gap-1 text-[10px] uppercase tracking-wider text-primary font-medium">
+            <IconCheck className="size-3" />
+            Conservée
           </span>
         )}
       </header>
diff --git a/src/app/(app)/chat/live-workflow-panel.tsx b/src/app/(app)/chat/live-workflow-panel.tsx
index 4714b26..449ed73 100644
--- a/src/app/(app)/chat/live-workflow-panel.tsx
+++ b/src/app/(app)/chat/live-workflow-panel.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { AnimatePresence, motion } from "motion/react";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
 import { IconBriefcase, IconLoader2, IconCheck, IconAlertTriangle, IconX } from "@tabler/icons-react";
 import { cn } from "@/lib/utils";
 import { roleMeta } from "../board/agent-role-meta";
@@ -47,6 +47,7 @@ export function LiveWorkflowPanel({
   onClose,
   onOpenTheatre,
 }: LiveWorkflowPanelProps) {
+  const reduceMotion = useReducedMotion();
   return (
     <AnimatePresence>
       {open && (
@@ -54,7 +55,11 @@ export function LiveWorkflowPanel({
           initial={{ opacity: 0, y: 20, scale: 0.96 }}
           animate={{ opacity: 1, y: 0, scale: 1 }}
           exit={{ opacity: 0, y: 12, scale: 0.98 }}
-          transition={{ type: "spring", damping: 24, stiffness: 280 }}
+          transition={
+            reduceMotion
+              ? { duration: 0.2, ease: [0.23, 1, 0.32, 1] }
+              : { type: "spring", damping: 24, stiffness: 280 }
+          }
           role="status"
           aria-live="polite"
           aria-atomic="false"
diff --git a/src/app/(app)/chat/pdf-view.tsx b/src/app/(app)/chat/pdf-view.tsx
index 7eaf6ec..f8203fc 100644
--- a/src/app/(app)/chat/pdf-view.tsx
+++ b/src/app/(app)/chat/pdf-view.tsx
@@ -115,14 +115,11 @@ export function PdfView({ fileUrl, targetText }: Props) {
 
       <style>{`
         .louis-highlight {
-          background-color: rgb(254 240 138);
-          color: inherit;
+          background-color: var(--highlight);
+          color: var(--highlight-foreground);
           border-radius: 2px;
           padding: 0 1px;
         }
-        :is(.dark) .louis-highlight {
-          background-color: rgb(202 138 4 / 0.4);
-        }
       `}</style>
     </div>
   );
diff --git a/src/app/(app)/chat/thinking-indicator.tsx b/src/app/(app)/chat/thinking-indicator.tsx
index 621b2a2..d3fb6ae 100644
--- a/src/app/(app)/chat/thinking-indicator.tsx
+++ b/src/app/(app)/chat/thinking-indicator.tsx
@@ -33,9 +33,13 @@ export function ThinkingIndicator() {
   }, []);
 
   return (
-    <div className="flex items-start gap-2 text-sm text-muted-foreground">
+    <div
+      className="flex items-start gap-2 text-sm text-muted-foreground"
+      role="status"
+      aria-label="Louis prépare sa réponse"
+    >
       <LouisLogo className="size-4 text-primary mt-0.5 shrink-0" />
-      <span className="inline-flex items-baseline gap-1.5">
+      <span className="inline-flex items-baseline gap-1.5" aria-hidden>
         <span
           className="size-1.5 self-center rounded-full border border-muted-foreground/70 border-t-transparent animate-spin"
           aria-hidden
diff --git a/src/app/(app)/command-palette.tsx b/src/app/(app)/command-palette.tsx
index e616186..a3e7825 100644
--- a/src/app/(app)/command-palette.tsx
+++ b/src/app/(app)/command-palette.tsx
@@ -203,7 +203,7 @@ export function CommandPalette({
           )}
         </CommandGroup>
       </CommandList>
-      <div className="border-t border-border px-3 py-2 text-[10px] text-muted-foreground flex items-center justify-between">
+      <div className="border-t border-border px-3 py-2 text-xs text-muted-foreground flex items-center justify-between">
         <span>↑↓ pour naviguer · ↵ pour ouvrir · ESC pour fermer</span>
         <CommandShortcut>⌘K</CommandShortcut>
       </div>
diff --git a/src/app/(app)/dashboard/page.tsx b/src/app/(app)/dashboard/page.tsx
index b9fac15..1215459 100644
--- a/src/app/(app)/dashboard/page.tsx
+++ b/src/app/(app)/dashboard/page.tsx
@@ -264,17 +264,17 @@ function Stat({
   href?: string;
 }) {
   const inner = (
-    <>
-      <p className="text-xs text-muted-foreground uppercase tracking-wider">
+    <dl>
+      <dt className="text-xs text-muted-foreground uppercase tracking-wider">
         {label}
-      </p>
-      <p className="mt-2 font-heading text-3xl tracking-tight tabular-nums">
+      </dt>
+      <dd className="mt-2 font-heading text-3xl tracking-tight tabular-nums">
         {value}
-      </p>
+      </dd>
       {hint && (
-        <p className="mt-0.5 text-xs text-muted-foreground">{hint}</p>
+        <dd className="mt-0.5 text-xs text-muted-foreground">{hint}</dd>
       )}
-    </>
+    </dl>
   );
   if (href) {
     return (
diff --git a/src/app/(app)/documents/document-row.tsx b/src/app/(app)/documents/document-row.tsx
index 534e081..ac7c41e 100644
--- a/src/app/(app)/documents/document-row.tsx
+++ b/src/app/(app)/documents/document-row.tsx
@@ -280,6 +280,7 @@ export function DocumentRow({
         type="file"
         accept=".pdf,.docx,.txt,application/pdf,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain"
         className="hidden"
+        aria-label="Téléverser une nouvelle version"
         onChange={onReplaceChange}
       />
       {replaceError && (
diff --git a/src/app/(app)/documents/documents-dropzone.tsx b/src/app/(app)/documents/documents-dropzone.tsx
index 4f7410a..615515a 100644
--- a/src/app/(app)/documents/documents-dropzone.tsx
+++ b/src/app/(app)/documents/documents-dropzone.tsx
@@ -50,7 +50,11 @@ export function DocumentsDropzone({
       overlayHint="PDF, DOCX ou texte — 25 Mo max par fichier"
     >
       {(uploadingCount > 0 || error) && (
-        <div className="mb-3 flex flex-wrap items-center gap-2 text-xs">
+        <div
+          role="status"
+          aria-live="polite"
+          className="mb-3 flex flex-wrap items-center gap-2 text-xs"
+        >
           {uploadingCount > 0 && (
             <span className="inline-flex items-center gap-1.5 rounded-full bg-muted px-2 py-0.5 text-muted-foreground">
               <Spinner className="size-3" />
diff --git a/src/app/(app)/documents/folder-row.tsx b/src/app/(app)/documents/folder-row.tsx
index b9fbedf..ca9d6b1 100644
--- a/src/app/(app)/documents/folder-row.tsx
+++ b/src/app/(app)/documents/folder-row.tsx
@@ -62,6 +62,7 @@ export function FolderRow({ folder }: { folder: DocumentFolder }) {
           <div className="flex items-center gap-2">
             <input
               autoFocus
+              aria-label="Nouveau nom du dossier"
               value={draft}
               onChange={(e) => setDraft(e.target.value)}
               onKeyDown={(e) => {
@@ -78,6 +79,7 @@ export function FolderRow({ folder }: { folder: DocumentFolder }) {
               onClick={commitRename}
               className="size-8 inline-flex items-center justify-center rounded-md text-primary hover:bg-accent"
               title="Valider"
+              aria-label="Valider"
             >
               <IconCheck className="size-4" />
             </button>
@@ -89,6 +91,7 @@ export function FolderRow({ folder }: { folder: DocumentFolder }) {
               }}
               className="size-8 inline-flex items-center justify-center rounded-md text-muted-foreground hover:bg-accent"
               title="Annuler"
+              aria-label="Annuler"
             >
               <IconX className="size-4" />
             </button>
diff --git a/src/app/(app)/documents/page.tsx b/src/app/(app)/documents/page.tsx
index 4d57b27..d16d848 100644
--- a/src/app/(app)/documents/page.tsx
+++ b/src/app/(app)/documents/page.tsx
@@ -119,8 +119,11 @@ export default async function DocumentsPage({
     <main className="mx-auto w-full max-w-5xl px-6 py-8 md:px-8 md:py-10">
       <header className="mb-6 flex items-start justify-between gap-4">
         <div className="min-w-0">
-          <div className="flex items-center gap-2">
-            <h1 className="font-heading text-3xl tracking-tight">Documents</h1>
+          <p className="text-xs text-muted-foreground uppercase tracking-wider">
+            Fichiers · dossiers · versions
+          </p>
+          <div className="mt-2 flex items-center gap-2">
+            <h1 className="font-heading text-4xl tracking-tight">Documents</h1>
             <ModuleHelp slug="user/documents" title="Gérer les documents">
               Importez vos PDF / DOCX (≤ 25 Mo), organisez-les en dossiers et
               versionnez-les. Interrogez-les ensuite depuis le chat (pièce
@@ -184,20 +187,26 @@ export default async function DocumentsPage({
         {isEmpty ? (
           <EmptyState isRoot={!currentFolderId} />
         ) : (
-          <div className="border border-border rounded-lg divide-y divide-border bg-card">
+          <ul
+            role="list"
+            className="border border-border rounded-lg divide-y divide-border bg-card"
+          >
             {subFolders.map((f) => (
-              <FolderRow key={f.id} folder={f} />
+              <li key={f.id}>
+                <FolderRow folder={f} />
+              </li>
             ))}
             {familyViews.map((fv) => (
-              <DocumentRow
-                key={fv.latest.id}
-                entry={fv.latest}
-                projects={projectList}
-                folders={allFolders}
-                versions={fv.older}
-              />
+              <li key={fv.latest.id}>
+                <DocumentRow
+                  entry={fv.latest}
+                  projects={projectList}
+                  folders={allFolders}
+                  versions={fv.older}
+                />
+              </li>
             ))}
-          </div>
+          </ul>
         )}
       </DocumentsDropzone>
 
diff --git a/src/app/(app)/mobile-nav.tsx b/src/app/(app)/mobile-nav.tsx
index 7d97a74..76df9f0 100644
--- a/src/app/(app)/mobile-nav.tsx
+++ b/src/app/(app)/mobile-nav.tsx
@@ -43,6 +43,7 @@ export function MobileNav({ user, conversations, projects }: Props) {
       </Sheet>
       <Link
         href="/dashboard"
+        aria-label="Accueil"
         className="flex items-center gap-2 font-heading text-base tracking-tight"
       >
         <LouisLogo className="size-5 text-primary" />
diff --git a/src/app/(app)/settings/connectors/connector-card.tsx b/src/app/(app)/settings/connectors/connector-card.tsx
index 5271687..0e9ee2e 100644
--- a/src/app/(app)/settings/connectors/connector-card.tsx
+++ b/src/app/(app)/settings/connectors/connector-card.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useTransition, type MouseEvent } from "react";
+import { useState, useTransition } from "react";
 import {
   IconCheck,
   IconCircleDashed,
@@ -60,10 +60,6 @@ type Props = {
   keys: ConnectorKey[];
 };
 
-function stopCardClick(e: MouseEvent) {
-  e.stopPropagation();
-}
-
 export function ConnectorCard({ type, keys }: Props) {
   const meta = CONNECTOR_CATALOG[type];
   const Icon = meta.icon;
@@ -100,16 +96,6 @@ export function ConnectorCard({ type, keys }: Props) {
     <>
       <CutoutCard
         className={cn(cutoutCardSurfaceClassName, "flex flex-col")}
-        role="button"
-        tabIndex={0}
-        aria-label={`${isConfigured ? "Modifier" : "Configurer"} ${meta.label}`}
-        onClick={openDialog}
-        onKeyDown={(e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            openDialog();
-          }
-        }}
       >
         <CutoutCardMedia
           className="relative h-44 w-full"
@@ -143,7 +129,6 @@ export function ConnectorCard({ type, keys }: Props) {
           {isConfigured && (
             <CutoutCardPin
               className="right-3 top-3 flex items-center gap-2 rounded-full bg-card/85 px-2.5 py-1 backdrop-blur-sm"
-              onClick={stopCardClick}
             >
               <span className="text-[10px] font-medium text-card-foreground/80">
                 {primary.isActive ? "Activé" : "Inactif"}
@@ -197,7 +182,6 @@ export function ConnectorCard({ type, keys }: Props) {
                 href={meta.docsUrl}
                 target="_blank"
                 rel="noopener noreferrer"
-                onClick={stopCardClick}
                 className="text-muted-foreground hover:text-foreground transition-colors"
                 aria-label="Documentation"
               >
@@ -210,14 +194,10 @@ export function ConnectorCard({ type, keys }: Props) {
                   className="-mt-1 -mr-1 size-7 inline-flex shrink-0 items-center justify-center rounded-md border border-border hover:bg-accent transition-colors disabled:opacity-50"
                   aria-label="Actions"
                   disabled={pending}
-                  onClick={stopCardClick}
                 >
                   <IconDots className="size-3.5" />
                 </DropdownMenuTrigger>
-                <DropdownMenuContent
-                  align="end"
-                  onClick={stopCardClick}
-                >
+                <DropdownMenuContent align="end">
                   <DropdownMenuItem
                     variant="destructive"
                     disabled={pending}
@@ -231,28 +211,6 @@ export function ConnectorCard({ type, keys }: Props) {
             )}
           </div>
 
-          {isConfigured && (
-            <ConfirmDeleteDialog
-              open={deleteOpen}
-              onOpenChange={setDeleteOpen}
-              title="Supprimer ce connecteur ?"
-              description={
-                <>
-                  « {primary.label} » sera supprimé. La clé chiffrée est
-                  retirée — l&apos;intégration ne fonctionnera plus tant
-                  qu&apos;une nouvelle clé n&apos;est pas saisie.
-                </>
-              }
-              pending={pending}
-              onConfirm={() => {
-                startTransition(async () => {
-                  await deleteConnectorKey(primary.id);
-                  setDeleteOpen(false);
-                });
-              }}
-            />
-          )}
-
           <p className="text-xs text-muted-foreground leading-relaxed">
             {meta.description}
           </p>
@@ -276,6 +234,18 @@ export function ConnectorCard({ type, keys }: Props) {
               </span>
             </p>
           )}
+
+          <div className="mt-auto pt-2">
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={openDialog}
+              aria-label={`${isConfigured ? "Modifier" : "Configurer"} ${meta.label}`}
+            >
+              <IconKey className="size-3.5" />
+              {isConfigured ? "Modifier" : "Configurer"}
+            </Button>
+          </div>
         </CutoutCardContent>
 
         <CutoutCardAction className="right-5 bottom-5">
@@ -286,6 +256,28 @@ export function ConnectorCard({ type, keys }: Props) {
         </CutoutCardAction>
       </CutoutCard>
 
+      {isConfigured && (
+        <ConfirmDeleteDialog
+          open={deleteOpen}
+          onOpenChange={setDeleteOpen}
+          title="Supprimer ce connecteur ?"
+          description={
+            <>
+              « {primary.label} » sera supprimé. La clé chiffrée est
+              retirée — l&apos;intégration ne fonctionnera plus tant
+              qu&apos;une nouvelle clé n&apos;est pas saisie.
+            </>
+          }
+          pending={pending}
+          onConfirm={() => {
+            startTransition(async () => {
+              await deleteConnectorKey(primary.id);
+              setDeleteOpen(false);
+            });
+          }}
+        />
+      )}
+
       <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
         <DialogContent>
           <DialogHeader>
diff --git a/src/app/(app)/settings/connectors/page.tsx b/src/app/(app)/settings/connectors/page.tsx
index ff34415..1536d19 100644
--- a/src/app/(app)/settings/connectors/page.tsx
+++ b/src/app/(app)/settings/connectors/page.tsx
@@ -1,6 +1,6 @@
 import { redirect } from "next/navigation";
 import { desc, eq } from "drizzle-orm";
-import { IconShieldLock, IconInfoCircle, IconClock } from "@tabler/icons-react";
+import { IconShieldLock, IconClock } from "@tabler/icons-react";
 import { auth } from "@/auth";
 import { db } from "@/db";
 import { connectorKeys, type ConnectorKey } from "@/db/schema";
@@ -116,16 +116,6 @@ export default async function ConnectorsPage() {
           ))}
         </div>
       </section>
-
-      <aside className="mt-12 rounded-lg border border-border bg-card p-4 flex items-start gap-3 text-sm">
-        <IconInfoCircle className="size-4 text-muted-foreground shrink-0 mt-0.5" />
-        <p className="text-muted-foreground">
-          Les connecteurs configurés sont automatiquement disponibles comme
-          outils dans les conversations. L&apos;IA peut appeler Légifrance,
-          Judilibre ou Pappers depuis le chat et citer les sources directement
-          dans ses réponses.
-        </p>
-      </aside>
     </main>
   );
 }
diff --git a/src/app/(app)/settings/general/theme-picker.tsx b/src/app/(app)/settings/general/theme-picker.tsx
index 25a628c..0180f44 100644
--- a/src/app/(app)/settings/general/theme-picker.tsx
+++ b/src/app/(app)/settings/general/theme-picker.tsx
@@ -2,7 +2,7 @@
 
 import { useSyncExternalStore } from "react";
 import { useTheme } from "next-themes";
-import { IconSun, IconMoon, IconDeviceLaptop } from "@tabler/icons-react";
+import { IconSun, IconMoon, IconDeviceLaptop, IconCheck } from "@tabler/icons-react";
 
 function useMounted(): boolean {
   return useSyncExternalStore(
@@ -47,6 +47,7 @@ export function ThemePicker() {
           >
             <Icon className="size-4" />
             {o.label}
+            {active && <IconCheck className="size-3.5" aria-hidden />}
           </button>
         );
       })}
diff --git a/src/app/(app)/settings/mcp/add-mcp-dialog.tsx b/src/app/(app)/settings/mcp/add-mcp-dialog.tsx
index 5b54ca5..8f73ac0 100644
--- a/src/app/(app)/settings/mcp/add-mcp-dialog.tsx
+++ b/src/app/(app)/settings/mcp/add-mcp-dialog.tsx
@@ -112,8 +112,9 @@ export function AddMcpDialog() {
               name="headers"
               placeholder='{"Authorization": "Bearer …"}'
               autoComplete="off"
+              aria-describedby="headers-help"
             />
-            <p className="text-xs text-muted-foreground">
+            <p id="headers-help" className="text-xs text-muted-foreground">
               Format JSON. Laisser vide si aucune authentification.
             </p>
           </div>
diff --git a/src/app/(app)/settings/profile/password-form.tsx b/src/app/(app)/settings/profile/password-form.tsx
index 80e6e96..450a6b8 100644
--- a/src/app/(app)/settings/profile/password-form.tsx
+++ b/src/app/(app)/settings/profile/password-form.tsx
@@ -48,8 +48,9 @@ export function PasswordForm() {
           autoComplete="new-password"
           minLength={10}
           required
+          aria-describedby="newPassword-help"
         />
-        <p className="text-xs text-muted-foreground">
+        <p id="newPassword-help" className="text-xs text-muted-foreground">
           Minimum 10 caractères. Un gestionnaire de mots de passe est
           recommandé.
         </p>
diff --git a/src/app/(app)/settings/providers/page.tsx b/src/app/(app)/settings/providers/page.tsx
index eda305f..9623802 100644
--- a/src/app/(app)/settings/providers/page.tsx
+++ b/src/app/(app)/settings/providers/page.tsx
@@ -1,6 +1,6 @@
 import { redirect } from "next/navigation";
 import { desc, eq } from "drizzle-orm";
-import { IconShieldLock, IconInfoCircle } from "@tabler/icons-react";
+import { IconShieldLock } from "@tabler/icons-react";
 import { auth } from "@/auth";
 import { db } from "@/db";
 import { providerKeys, type ProviderKey } from "@/db/schema";
@@ -104,17 +104,6 @@ export default async function ProvidersPage() {
           </div>
         </section>
       ))}
-
-      <aside className="mt-12 rounded-lg border border-border bg-card p-4 flex items-start gap-3 text-sm">
-        <IconInfoCircle className="size-4 text-muted-foreground shrink-0 mt-0.5" />
-        <p className="text-muted-foreground">
-          Le badge <strong>FR</strong> / <strong>UE</strong> / <strong>US</strong>{" "}
-          sur chaque carte indique où sont traitées vos requêtes. Pour les
-          dossiers soumis au secret professionnel ou au RGPD strict,
-          privilégiez les providers FR ou UE. Louis ne force aucun choix :
-          votre cabinet décide.
-        </p>
-      </aside>
     </main>
   );
 }
diff --git a/src/app/(app)/settings/providers/provider-card.tsx b/src/app/(app)/settings/providers/provider-card.tsx
index d6e4902..2b7a54b 100644
--- a/src/app/(app)/settings/providers/provider-card.tsx
+++ b/src/app/(app)/settings/providers/provider-card.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useTransition, type MouseEvent } from "react";
+import { useState, useTransition } from "react";
 import {
   IconCheck,
   IconAlertTriangle,
@@ -66,11 +66,6 @@ type Props = {
   keys: ProviderKey[];
 };
 
-/** Stop a click from bubbling up to the CutoutCard root (which opens the dialog). */
-function stopCardClick(e: MouseEvent) {
-  e.stopPropagation();
-}
-
 export function ProviderCard({ type, keys }: Props) {
   const meta = PROVIDER_CATALOG[type];
   const primary = keys.find((k) => k.isDefault) ?? keys[0] ?? null;
@@ -107,16 +102,6 @@ export function ProviderCard({ type, keys }: Props) {
     <>
       <CutoutCard
         className={cn(cutoutCardSurfaceClassName, "flex flex-col")}
-        role="button"
-        tabIndex={0}
-        aria-label={`${isConfigured ? "Modifier" : "Configurer"} ${meta.label}`}
-        onClick={openDialog}
-        onKeyDown={(e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            openDialog();
-          }
-        }}
       >
         <CutoutCardMedia
           className="relative h-44 w-full"
@@ -151,7 +136,6 @@ export function ProviderCard({ type, keys }: Props) {
           {isConfigured && (
             <CutoutCardPin
               className="right-3 top-3 flex items-center gap-2 rounded-full bg-card/85 px-2.5 py-1 backdrop-blur-sm"
-              onClick={stopCardClick}
             >
               <span className="text-[10px] font-medium text-card-foreground/80">
                 {primary.isActive ? "Activé" : "Inactif"}
@@ -206,7 +190,6 @@ export function ProviderCard({ type, keys }: Props) {
                 href={meta.docsUrl}
                 target="_blank"
                 rel="noopener noreferrer"
-                onClick={stopCardClick}
                 className="text-muted-foreground hover:text-foreground transition-colors"
                 aria-label="Documentation"
               >
@@ -219,14 +202,10 @@ export function ProviderCard({ type, keys }: Props) {
                   className="-mt-1 -mr-1 size-7 inline-flex shrink-0 items-center justify-center rounded-md border border-border hover:bg-accent transition-colors disabled:opacity-50"
                   aria-label="Actions"
                   disabled={pending}
-                  onClick={stopCardClick}
                 >
                   <IconDots className="size-3.5" />
                 </DropdownMenuTrigger>
-                <DropdownMenuContent
-                  align="end"
-                  onClick={stopCardClick}
-                >
+                <DropdownMenuContent align="end">
                   <DropdownMenuItem
                     disabled={pending || !meta.testBaseUrl}
                     onSelect={() => {
@@ -271,6 +250,18 @@ export function ProviderCard({ type, keys }: Props) {
               </span>
             </p>
           )}
+
+          <div className="mt-auto pt-2">
+            <Button
+              variant="outline"
+              size="sm"
+              onClick={openDialog}
+              aria-label={`${isConfigured ? "Modifier" : "Configurer"} ${meta.label}`}
+            >
+              <IconKey className="size-3.5" />
+              {isConfigured ? "Modifier" : "Configurer"}
+            </Button>
+          </div>
         </CutoutCardContent>
 
         {/* Reveal-on-hover CTA */}
diff --git a/src/app/(app)/settings/settings-nav.tsx b/src/app/(app)/settings/settings-nav.tsx
index 8ef8d98..8566b02 100644
--- a/src/app/(app)/settings/settings-nav.tsx
+++ b/src/app/(app)/settings/settings-nav.tsx
@@ -67,6 +67,7 @@ export function SettingsNav({
             <Link
               key={item.href}
               href={item.href}
+              aria-current={active ? "page" : undefined}
               className={`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-md whitespace-nowrap transition-colors ${
                 active
                   ? "bg-accent text-foreground"
@@ -86,7 +87,7 @@ export function SettingsNav({
     <nav className="w-full flex flex-col gap-5">
       {all.map((group) => (
         <div key={group.group}>
-          <p className="text-[10px] uppercase tracking-wider text-muted-foreground font-semibold mb-1 px-2">
+          <p className="text-xs uppercase tracking-wider text-muted-foreground font-semibold mb-1 px-2">
             {group.group}
           </p>
           <ul className="space-y-0.5">
@@ -97,6 +98,7 @@ export function SettingsNav({
                 <li key={item.href}>
                   <Link
                     href={item.href}
+                    aria-current={active ? "page" : undefined}
                     className={`flex items-center gap-2.5 h-9 px-2.5 rounded-md text-sm transition-colors ${
                       active
                         ? "bg-accent text-foreground font-medium"
diff --git a/src/app/(app)/settings/skills/skill-form-dialog.tsx b/src/app/(app)/settings/skills/skill-form-dialog.tsx
index d18cc9e..f2f868e 100644
--- a/src/app/(app)/settings/skills/skill-form-dialog.tsx
+++ b/src/app/(app)/settings/skills/skill-form-dialog.tsx
@@ -168,8 +168,9 @@ function SkillForm({ mode, onClose }: { mode: Mode; onClose: () => void }) {
             value={triggerHint}
             onChange={(e) => setTriggerHint(e.target.value)}
             placeholder="ex. Quand l'utilisateur cite une jurisprudence ou un article de loi"
+            aria-describedby="skill-hint-help"
           />
-          <p className="text-[11px] text-muted-foreground">
+          <p id="skill-hint-help" className="text-[11px] text-muted-foreground">
             Phrase descriptive lue par un petit modèle qui décide d&apos;activer
             ou non la compétence selon la demande.
           </p>
@@ -186,8 +187,9 @@ function SkillForm({ mode, onClose }: { mode: Mode; onClose: () => void }) {
             onChange={(e) => setSystemPrompt(e.target.value)}
             placeholder="Le texte qui sera injecté dans le prompt système quand la compétence est activée…"
             className="w-full resize-y rounded-md border border-input bg-card px-3 py-2 text-sm font-mono leading-relaxed shadow-xs placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50"
+            aria-describedby="skill-prompt-help"
           />
-          <p className="text-[11px] text-muted-foreground">
+          <p id="skill-prompt-help" className="text-[11px] text-muted-foreground">
             Soyez explicite, donnez des exemples si nécessaire. Cette
             instruction prend le pas sur le comportement par défaut.
           </p>
diff --git a/src/app/(app)/settings/usage/page.tsx b/src/app/(app)/settings/usage/page.tsx
index b1d57c7..9c5ce35 100644
--- a/src/app/(app)/settings/usage/page.tsx
+++ b/src/app/(app)/settings/usage/page.tsx
@@ -112,14 +112,14 @@ export default async function UsagePage() {
 
       {/* Coût du mois — typographie large, asymétrique, pas une carte */}
       <section className="mb-14 grid lg:grid-cols-[2fr_3fr] gap-x-12 gap-y-6 items-end border-b border-border pb-12">
-        <div>
-          <p className="text-xs text-muted-foreground uppercase tracking-wider">
+        <dl>
+          <dt className="text-xs text-muted-foreground uppercase tracking-wider">
             Coût estimé ce mois
-          </p>
-          <p className="mt-3 font-heading text-6xl md:text-7xl tracking-tight tabular-nums">
+          </dt>
+          <dd className="mt-3 font-heading text-6xl md:text-7xl tracking-tight tabular-nums">
             {formatTotals(totalsMonth)}
-          </p>
-        </div>
+          </dd>
+        </dl>
         <dl className="grid grid-cols-3 gap-x-6 gap-y-2">
           <Metric
             label="Tokens entrée"
@@ -204,7 +204,7 @@ export default async function UsagePage() {
 function Metric({ label, value }: { label: string; value: string }) {
   return (
     <div>
-      <dt className="text-[10px] uppercase tracking-wider text-muted-foreground">
+      <dt className="text-xs uppercase tracking-wider text-muted-foreground">
         {label}
       </dt>
       <dd className="mt-1 font-heading text-xl tracking-tight tabular-nums">
diff --git a/src/app/(app)/sidebar-content.tsx b/src/app/(app)/sidebar-content.tsx
index ddb4e66..c8c1d9a 100644
--- a/src/app/(app)/sidebar-content.tsx
+++ b/src/app/(app)/sidebar-content.tsx
@@ -147,7 +147,7 @@ export function SidebarContent({
 
       {/* Nav + conversations */}
       <div className="flex-1 overflow-y-auto px-2.5 pb-3">
-        <nav className="space-y-0.5">
+        <nav aria-label="Navigation principale" className="space-y-0.5">
           {navItems.map((item) => {
             const Icon = item.icon;
             const isActive =
@@ -159,6 +159,8 @@ export function SidebarContent({
                 href={item.href}
                 onClick={onNavigate}
                 title={!open ? item.label : undefined}
+                aria-label={!open ? item.label : undefined}
+                aria-current={isActive ? "page" : undefined}
                 className={`flex items-center gap-3 h-9 px-2.5 rounded-md text-sm transition-colors ${
                   isActive
                     ? "bg-sidebar-accent text-sidebar-accent-foreground"
@@ -175,6 +177,8 @@ export function SidebarContent({
             href={settingsNav.href}
             onClick={onNavigate}
             title={!open ? settingsNav.label : undefined}
+            aria-label={!open ? settingsNav.label : undefined}
+            aria-current={pathname.startsWith("/settings") ? "page" : undefined}
             className={`flex items-center gap-3 h-9 px-2.5 rounded-md text-sm transition-colors mt-3 ${
               pathname.startsWith("/settings")
                 ? "bg-sidebar-accent text-sidebar-accent-foreground"
@@ -190,6 +194,8 @@ export function SidebarContent({
               href="/admin/users"
               onClick={onNavigate}
               title={!open ? "Administration" : undefined}
+              aria-label={!open ? "Administration" : undefined}
+              aria-current={pathname.startsWith("/admin") ? "page" : undefined}
               className={`flex items-center gap-3 h-9 px-2.5 rounded-md text-sm transition-colors ${
                 pathname.startsWith("/admin")
                   ? "bg-sidebar-accent text-sidebar-accent-foreground"
@@ -206,7 +212,7 @@ export function SidebarContent({
         {open && (
           <section className="mt-5">
             <div className="flex items-center justify-between px-2.5 pb-1.5">
-              <span className="text-[10px] font-semibold uppercase tracking-wider text-muted-foreground">
+              <span className="text-xs font-semibold uppercase tracking-wider text-muted-foreground">
                 Conversations
               </span>
               <Link
@@ -229,6 +235,7 @@ export function SidebarContent({
                     value={convQuery}
                     onChange={(e) => setConvQuery(e.target.value)}
                     placeholder="Rechercher…"
+                    aria-label="Rechercher une conversation"
                     className="w-full rounded-md border border-input bg-background pl-7 pr-2 py-1.5 text-xs placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50"
                   />
                 </div>
@@ -269,6 +276,7 @@ export function SidebarContent({
             <Link
               href="/settings/profile"
               onClick={onNavigate}
+              aria-current={pathname.startsWith("/settings/profile") ? "page" : undefined}
               className={`flex-1 flex items-center gap-2.5 px-2 py-1.5 rounded-md transition-colors min-w-0 ${
                 pathname.startsWith("/settings/profile")
                   ? "bg-sidebar-accent"
@@ -281,7 +289,7 @@ export function SidebarContent({
               </div>
               <div className="min-w-0 flex-1">
                 <div className="text-xs font-medium truncate">{user.name}</div>
-                <div className="text-[10px] text-muted-foreground truncate">
+                <div className="text-xs text-muted-foreground truncate">
                   {user.email}
                 </div>
               </div>
diff --git a/src/app/(app)/tabular-reviews/[id]/auto-refresh.tsx b/src/app/(app)/tabular-reviews/[id]/auto-refresh.tsx
index dbf68fd..babf9b5 100644
--- a/src/app/(app)/tabular-reviews/[id]/auto-refresh.tsx
+++ b/src/app/(app)/tabular-reviews/[id]/auto-refresh.tsx
@@ -1,13 +1,15 @@
 "use client";
 
-import { useEffect, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useRouter } from "next/navigation";
+import { Button } from "@/components/ui/button";
 
 /**
  * Tant qu'au moins une ligne est en "running", on poll le server component
  * toutes les `intervalMs` millisecondes via router.refresh(). Le poll est
  * suspendu quand l'onglet est caché (visibilitychange) pour ne pas brûler
- * cycles et bande passante en arrière-plan.
+ * cycles et bande passante en arrière-plan. L'utilisateur peut aussi le
+ * suspendre manuellement via le bouton.
  */
 export function AutoRefresh({
   hasRunning,
@@ -18,13 +20,18 @@ export function AutoRefresh({
 }) {
   const router = useRouter();
   const tickRef = useRef<ReturnType<typeof setInterval> | null>(null);
+  const [paused, setPaused] = useState(false);
+  const [announce, setAnnounce] = useState("");
 
   useEffect(() => {
-    if (!hasRunning) return;
+    if (!hasRunning || paused) return;
 
     const start = () => {
       if (tickRef.current) return;
-      tickRef.current = setInterval(() => router.refresh(), intervalMs);
+      tickRef.current = setInterval(() => {
+        router.refresh();
+        setAnnounce("Statuts mis à jour.");
+      }, intervalMs);
     };
     const stop = () => {
       if (!tickRef.current) return;
@@ -47,7 +54,23 @@ export function AutoRefresh({
       document.removeEventListener("visibilitychange", onVis);
       stop();
     };
-  }, [hasRunning, intervalMs, router]);
+  }, [hasRunning, intervalMs, router, paused]);
+
+  if (!hasRunning) return null;
 
-  return null;
+  return (
+    <>
+      <Button
+        type="button"
+        variant="outline"
+        size="sm"
+        onClick={() => setPaused((p) => !p)}
+      >
+        {paused ? "Reprendre" : "Suspendre l'actualisation"}
+      </Button>
+      <span aria-live="polite" className="sr-only">
+        {announce}
+      </span>
+    </>
+  );
 }
diff --git a/src/app/(app)/tabular-reviews/[id]/column-edit-popover.tsx b/src/app/(app)/tabular-reviews/[id]/column-edit-popover.tsx
index 3141402..fe94809 100644
--- a/src/app/(app)/tabular-reviews/[id]/column-edit-popover.tsx
+++ b/src/app/(app)/tabular-reviews/[id]/column-edit-popover.tsx
@@ -5,7 +5,6 @@ import { useRouter } from "next/navigation";
 import {
   IconDots,
   IconTrash,
-  IconSparkles,
 } from "@tabler/icons-react";
 import { toast } from "sonner";
 import {
@@ -159,20 +158,9 @@ export function ColumnEditPopover({ reviewId, column }: Props) {
               </Select>
             </div>
             <div className="space-y-1.5">
-              <div className="flex items-center justify-between">
-                <Label htmlFor={`prompt-${column.id}`} className="text-xs">
-                  Prompt
-                </Label>
-                <button
-                  type="button"
-                  disabled
-                  title="Bientôt — proposera un prompt adapté au libellé"
-                  className="inline-flex items-center gap-1 text-[10px] text-muted-foreground opacity-50 cursor-not-allowed"
-                >
-                  <IconSparkles className="size-3" />
-                  Suggérer un prompt
-                </button>
-              </div>
+              <Label htmlFor={`prompt-${column.id}`} className="text-xs">
+                Prompt
+              </Label>
               <textarea
                 id={`prompt-${column.id}`}
                 value={prompt}
diff --git a/src/app/(app)/tabular-reviews/[id]/review-grid.tsx b/src/app/(app)/tabular-reviews/[id]/review-grid.tsx
index 5a824ae..91c0167 100644
--- a/src/app/(app)/tabular-reviews/[id]/review-grid.tsx
+++ b/src/app/(app)/tabular-reviews/[id]/review-grid.tsx
@@ -37,19 +37,30 @@ export function ReviewGrid({ columns, rows, reviewId }: Props) {
     <>
       {/* Desktop : grille type Excel — colonnes = champs extraits */}
       <div className="hidden md:block border border-border rounded-lg overflow-hidden bg-card">
+        {/* Table en lecture seule, présentationnelle : pas de tri ni de
+            navigation clavier cellule par cellule (aria-sort / grid nav non
+            requis pour un tableau statique). */}
         <div className="overflow-x-auto">
           <table className="w-full text-sm">
+            <caption className="sr-only">Résultats d&apos;extraction</caption>
             <thead className="bg-muted/40">
               <tr>
-                <th className="text-left font-medium px-4 py-2.5 border-b border-border sticky left-0 bg-muted/40 min-w-[200px]">
+                <th
+                  scope="col"
+                  className="text-left font-medium px-4 py-2.5 border-b border-border sticky left-0 bg-muted/40 min-w-[200px]"
+                >
                   Document
                 </th>
-                <th className="text-center font-medium px-3 py-2.5 border-b border-border w-[80px]">
+                <th
+                  scope="col"
+                  className="text-center font-medium px-3 py-2.5 border-b border-border w-[80px]"
+                >
                   Statut
                 </th>
                 {columns.map((c) => (
                   <th
                     key={c.id}
+                    scope="col"
                     className="text-left font-medium px-4 py-2.5 border-b border-border min-w-[200px]"
                   >
                     <div className="flex items-center justify-between gap-2">
@@ -133,7 +144,7 @@ function RowCard({ row, columns }: { row: Row; columns: ReviewColumn[] }) {
           const value = row.values?.[c.id];
           return (
             <div key={c.id}>
-              <dt className="text-[10px] uppercase tracking-wider text-muted-foreground font-medium">
+              <dt className="text-xs uppercase tracking-wider text-muted-foreground font-medium">
                 {c.label}
               </dt>
               <dd className="mt-0.5 text-xs leading-relaxed">
@@ -157,9 +168,12 @@ function RowItem({ row, columns }: { row: Row; columns: ReviewColumn[] }) {
 
   return (
     <tr className="border-b border-border last:border-0 hover:bg-accent/20">
-      <td className="px-4 py-2.5 truncate max-w-xs sticky left-0 bg-card">
+      <th
+        scope="row"
+        className="font-normal text-left px-4 py-2.5 truncate max-w-xs sticky left-0 bg-card"
+      >
         {row.filename}
-      </td>
+      </th>
       <td className="px-3 py-2.5 text-center">
         <StatusBadge status={row.status} error={row.error} />
       </td>
@@ -168,7 +182,7 @@ function RowItem({ row, columns }: { row: Row; columns: ReviewColumn[] }) {
         return (
           <td
             key={c.id}
-            className="px-4 py-2.5 align-top max-w-xs text-xs leading-relaxed"
+            className="px-4 py-2.5 align-top max-w-xs text-xs leading-relaxed whitespace-normal break-words"
           >
             {value ? (
               <span className="text-foreground">{value}</span>
@@ -223,8 +237,9 @@ function StatusBadge({
   if (status === "pending") {
     return (
       <span
-        className="inline-flex items-center gap-1 text-[10px] text-muted-foreground"
+        className="inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs bg-muted text-muted-foreground"
         title="En attente"
+        aria-label="En attente"
       >
         <IconClock className="size-3" />
         En attente
@@ -233,7 +248,7 @@ function StatusBadge({
   }
   if (status === "running") {
     return (
-      <span className="inline-flex items-center gap-1 text-[10px] text-primary">
+      <span className="inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs bg-primary/10 text-primary">
         <Spinner className="size-3" />
         En cours
       </span>
@@ -241,7 +256,7 @@ function StatusBadge({
   }
   if (status === "ok") {
     return (
-      <span className="inline-flex items-center gap-1 text-[10px] text-success">
+      <span className="inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs bg-success/10 text-success">
         <IconCheck className="size-3" />
         OK
       </span>
@@ -249,8 +264,9 @@ function StatusBadge({
   }
   return (
     <span
-      className="inline-flex items-center gap-1 text-[10px] text-destructive"
+      className="inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs bg-destructive/10 text-destructive"
       title={error ?? undefined}
+      aria-label={error ?? "Erreur"}
     >
       <IconAlertTriangle className="size-3" />
       Erreur
diff --git a/src/app/(app)/tabular-reviews/new/new-review-form.tsx b/src/app/(app)/tabular-reviews/new/new-review-form.tsx
index fa4a5e9..3fa38c5 100644
--- a/src/app/(app)/tabular-reviews/new/new-review-form.tsx
+++ b/src/app/(app)/tabular-reviews/new/new-review-form.tsx
@@ -25,15 +25,17 @@ import { createTabularReview } from "../actions";
 type KeyOption = { id: string; label: string; type: ProviderType };
 type DocOption = { id: string; filename: string };
 
-type Column = { label: string; prompt: string };
+type Column = { id: string; label: string; prompt: string };
 
 const DEFAULT_COLUMNS: Column[] = [
   {
+    id: crypto.randomUUID(),
     label: "Type de document",
     prompt:
       "Nature du document : contrat, mémo, décision, courrier, autre. Sois précis.",
   },
   {
+    id: crypto.randomUUID(),
     label: "Date principale",
     prompt:
       "Date la plus importante du document (signature, décision, etc.). Format JJ/MM/AAAA.",
@@ -72,7 +74,10 @@ export function NewReviewForm({
     setColumns((cols) => cols.filter((_, idx) => idx !== i));
   }
   function addColumn() {
-    setColumns((cols) => [...cols, { label: "", prompt: "" }]);
+    setColumns((cols) => [
+      ...cols,
+      { id: crypto.randomUUID(), label: "", prompt: "" },
+    ]);
   }
 
   function toggleDoc(id: string) {
@@ -204,7 +209,7 @@ export function NewReviewForm({
         <div className="space-y-3">
           {columns.map((c, i) => (
             <div
-              key={i}
+              key={c.id}
               className="border border-border rounded-md p-3 bg-card flex gap-3"
             >
               <div className="flex-1 space-y-2 min-w-0">
@@ -212,12 +217,14 @@ export function NewReviewForm({
                   value={c.label}
                   onChange={(e) => updateColumn(i, { label: e.target.value })}
                   placeholder="Libellé (ex. Durée du contrat)"
+                  aria-label="Libellé de la colonne"
                   maxLength={80}
                 />
                 <Input
                   value={c.prompt}
                   onChange={(e) => updateColumn(i, { prompt: e.target.value })}
                   placeholder="Instruction d'extraction (ex. Durée totale en années, format chiffré)"
+                  aria-label="Instruction d'extraction"
                   maxLength={500}
                 />
               </div>
diff --git a/src/app/login/login-form.tsx b/src/app/login/login-form.tsx
index 5c17238..f3b2f86 100644
--- a/src/app/login/login-form.tsx
+++ b/src/app/login/login-form.tsx
@@ -41,6 +41,8 @@ export function LoginForm() {
                   autoComplete="email"
                   required
                   placeholder="vous@cabinet.fr"
+                  aria-invalid={!!state.error}
+                  aria-describedby={state.error ? "login-error" : undefined}
                 />
               </div>
               <div className="space-y-2">
@@ -51,11 +53,13 @@ export function LoginForm() {
                   type="password"
                   autoComplete="current-password"
                   required
+                  aria-invalid={!!state.error}
+                  aria-describedby={state.error ? "login-error" : undefined}
                 />
               </div>
 
               {state.error && (
-                <Alert variant="destructive">
+                <Alert variant="destructive" id="login-error">
                   <AlertDescription>{state.error}</AlertDescription>
                 </Alert>
               )}
diff --git a/src/app/print/chat/[id]/page.tsx b/src/app/print/chat/[id]/page.tsx
index b8c8fc9..9d1aff1 100644
--- a/src/app/print/chat/[id]/page.tsx
+++ b/src/app/print/chat/[id]/page.tsx
@@ -128,19 +128,19 @@ export default async function PrintConversationPage({
         </p>
         <dl className="mt-3 grid grid-cols-2 gap-x-6 gap-y-1 font-mono text-[10px] leading-snug">
           <div className="flex gap-2">
-            <dt className="text-gray-400 shrink-0">conv:</dt>
+            <dt className="text-gray-600 shrink-0">conv:</dt>
             <dd className="truncate">{shortConvId}</dd>
           </div>
           <div className="flex gap-2">
-            <dt className="text-gray-400 shrink-0">sha256:</dt>
+            <dt className="text-gray-600 shrink-0">sha256:</dt>
             <dd className="truncate">{integrityHash}</dd>
           </div>
           <div className="flex gap-2">
-            <dt className="text-gray-400 shrink-0">messages:</dt>
+            <dt className="text-gray-600 shrink-0">messages:</dt>
             <dd>{rows.length}</dd>
           </div>
           <div className="flex gap-2">
-            <dt className="text-gray-400 shrink-0">modèles:</dt>
+            <dt className="text-gray-600 shrink-0">modèles:</dt>
             <dd className="truncate">
               {modelsUsed.length > 0 ? modelsUsed.join(", ") : "—"}
             </dd>
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
index 8db1a01..50ece57 100644
--- a/src/components/ui/checkbox.tsx
+++ b/src/components/ui/checkbox.tsx
@@ -24,6 +24,7 @@ function Checkbox({
         className="grid place-content-center text-current transition-none [&>svg]:size-3.5"
       >
         <IconCheck
+          aria-hidden
         />
       </CheckboxPrimitive.Indicator>
     </CheckboxPrimitive.Root>
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
index fe0307a..255e12b 100644
--- a/src/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -154,6 +154,7 @@ function SelectScrollUpButton({
       {...props}
     >
       <IconChevronUp
+        aria-hidden
       />
     </SelectPrimitive.ScrollUpButton>
   )
@@ -173,6 +174,7 @@ function SelectScrollDownButton({
       {...props}
     >
       <IconChevronDown
+        aria-hidden
       />
     </SelectPrimitive.ScrollDownButton>
   )
diff --git a/src/components/ui/spinner.tsx b/src/components/ui/spinner.tsx
index f4676c2..81af514 100644
--- a/src/components/ui/spinner.tsx
+++ b/src/components/ui/spinner.tsx
@@ -3,7 +3,10 @@ import { IconLoader } from "@tabler/icons-react"
 
 function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
   return (
-    <IconLoader role="status" aria-label="Chargement" className={cn("size-4 animate-spin", className)} {...props} />
+    <span role="status" aria-live="polite" className={cn("inline-flex", className)}>
+      <IconLoader aria-hidden className="size-4 motion-safe:animate-spin" {...props} />
+      <span className="sr-only">Chargement</span>
+    </span>
   )
 }