diff --git a/ACCESSIBILITY.md b/ACCESSIBILITY.md
new file mode 100644
index 00000000..fdff2cd3
--- /dev/null
+++ b/ACCESSIBILITY.md
@@ -0,0 +1,40 @@
+# Accessibility
+
+Stackyard targets [WCAG 2.1](https://www.w3.org/TR/WCAG21/) and [WCAG 2.2](https://www.w3.org/TR/WCAG22/) at level AA.
+
+## Conformance status
+
+Stackyard is **partially conformant** with WCAG 2.2 level AA. Partially conformant means most of the standard is met, and the parts that are not are listed below.
+
+This is a self-assessment. No external audit has been carried out.
+
+## What is supported
+
+- Every control has a name, a role, and a visible focus indicator.
+- The interface is operable by keyboard alone. Reordering, paging, search, and dialogs each have a keyboard route.
+- Dialogs trap focus, close on Escape, and return focus to the control that opened them.
+- Text in the dashboard and in Settings meets the 4.5:1 contrast minimum in both the light and the dark theme. The ratios are computed from the stylesheets by a test, so a colour change that drops a pair below the minimum fails the build.
+- The interface honours `prefers-reduced-motion` and `prefers-contrast`.
+- Content reflows to a 320 CSS pixel viewport with no horizontal scrolling, and survives text resizing to 200%.
+- The interface is translated into six languages. Accessible names are translated with it, apart from those listed below.
+- Page changes are announced. Polled figures are not announced, so a screen reader is not interrupted by data that changes on a timer.
+
+## Known limitations
+
+- **Widgets need an extra step to read.** Each widget is an embedded document. A screen reader does not enter one during linear navigation, so its contents are read only after the reader is asked to enter it. Widgets containing a button or a link are also reachable with Tab.
+- **A phone shortcut that responds only to touch.** On a phone, a widget that has a link set opens it when tapped away from the widget's own controls. There is no keyboard equivalent for that shortcut. Widgets that carry their own link also expose it as a control, and that one is reachable by keyboard. The shortcut does not exist on a desktop.
+- **Widget colours are not covered by the contrast test.** Each widget is a separate document with its own stylesheet. Those colours are checked by hand rather than by the build, and a widget rendered on a transparent background cannot be measured automatically.
+
+## How this was assessed
+
+- Automated testing with [axe-core](https://github.com/dequelabs/axe-core) in Chromium and WebKit, against the released container.
+- Manual browser testing for reflow, text resize, text spacing, target size, and keyboard operation.
+- Manual screen reader testing with VoiceOver, on macOS with Safari and on iOS.
+
+Automated testing has covered every widget. Screen reader testing has covered the dashboard, Settings, and the widgets on a running dashboard, but not every widget in every configuration. The Windows screen readers NVDA and JAWS have not been used.
+
+## Reporting a problem
+
+Open an issue at [github.com/SandObserver/stackyard/issues](https://github.com/SandObserver/stackyard/issues). Include the page, the assistive technology and browser, and what you expected to happen.
+
+Last reviewed 2026-08-23, against Stackyard 1.8.0 and later.
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 228a3302..ab4fa15e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,39 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+- An accessibility statement, in `ACCESSIBILITY.md`.
+
+### Changed
+
+- Settings content is now a main landmark, and the dashboard pager is a
+  navigation landmark.
+
+- Repeated widgets of one type now get distinct frame names.
+
+### Fixed
+
+- Toggles and inline-edit fields in Settings now carry an accessible name.
+
+- Type pills, filter chips and the digital clock's date line now meet the WCAG
+  contrast minimum in both themes.
+
+- The password field's placeholder now renders its translation.
+
+- Accessible names in the GitHub, Disk Health, Now Playing, Connections and
+  Dashboard Switch widgets are now translated.
+
+- Tab no longer moves to tiles on a dashboard page that is off screen.
+
+- Pagination dots now meet the minimum target size.
+
+- Widgets no longer read their figures aloud on every poll. System Summary,
+  Weather, DNS and Now Playing announced themselves on a timer.
+
+- The Move up and Move down buttons in Settings, and the pull request filter
+  names in the GitHub widget, are now translated.
+
 ## [1.8.0] - 2026-08-23
 
 ### Added
diff --git a/README.md b/README.md
index 042a7ce8..9d5e7683 100644
--- a/README.md
+++ b/README.md
@@ -90,6 +90,10 @@ Full instructions, including building from source, are at [Installation](https:/
 
 Stackyard never returns stored secrets to the browser, guards the URLs you test in the admin UI against SSRF and pins the resolved IP, and bounds every upstream call so one slow service cannot hang the dashboard. Some features trade safety for convenience and are opt-in with warnings. Read [docs/security.md](docs/security.md) before exposing Stackyard beyond your LAN.
 
+## Accessibility
+
+Stackyard targets WCAG 2.2 level AA and is partially conformant. Every control is named and reachable by keyboard, colours meet the contrast minimum in both themes, and the interface honours the reduced-motion and increased-contrast settings. Known limitations and how this was assessed are in [ACCESSIBILITY.md](ACCESSIBILITY.md).
+
 ## Contributing
 
 Contributions are welcome, within the constraints that keep Stackyard small and auditable (one container, no backend dependencies, vanilla frontend). See [CONTRIBUTING.md](CONTRIBUTING.md) and [docs/frontend.md](docs/frontend.md). Participation is covered by the [Code of Conduct](CODE_OF_CONDUCT.md).
diff --git a/ui/admin/index.html b/ui/admin/index.html
index 4ede3b57..1975848f 100644
--- a/ui/admin/index.html
+++ b/ui/admin/index.html
@@ -11,7 +11,7 @@
   <script src="/js/mobile-class.js?v=fe95da0d"></script>
   <script src="/js/admin-theme.js?v=66565254"></script>
   <link rel="stylesheet" href="/css/tokens.css?v=26b1b862">
-  <link rel="stylesheet" href="/css/admin.css?v=35ed0598">
+  <link rel="stylesheet" href="/css/admin.css?v=526eaf5a">
   <link rel="stylesheet" href="/css/widget-config-form.css?v=53b91d5f">
 </head>
 <body>
@@ -48,7 +48,7 @@
   </nav>
 
   <!-- Content -->
-  <div class="cp">
+  <main class="cp">
 
     <!-- General -->
     <section class="sec" id="sec-general" hidden>
@@ -91,8 +91,8 @@
           </div>
           <input type="hidden" id="log-level" value="info">
         </div>
-        <div class="row"><span class="rl" data-i18n="general.dockerHealth">Docker Container Health Checks</span><label class="tog" aria-label="Docker Container Health Checks"><input type="checkbox" id="srv-docker-en"><div class="tr"></div></label></div>
-        <div class="row d-none" id="srv-hide-healthy-row"><span class="rl" data-i18n="general.hideHealthy">Hide Healthy Badge</span><label class="tog" aria-label="Hide Healthy Badge"><input type="checkbox" id="srv-hide-healthy"><div class="tr"></div></label></div>
+        <div class="row"><span class="rl" id="rl-srv-docker-en" data-i18n="general.dockerHealth">Docker Container Health Checks</span><label class="tog"><input type="checkbox" id="srv-docker-en" aria-labelledby="rl-srv-docker-en"><div class="tr"></div></label></div>
+        <div class="row d-none" id="srv-hide-healthy-row"><span class="rl" id="rl-srv-hide-healthy" data-i18n="general.hideHealthy">Hide Healthy Badge</span><label class="tog"><input type="checkbox" id="srv-hide-healthy" aria-labelledby="rl-srv-hide-healthy"><div class="tr"></div></label></div>
         <div class="row ie-row d-none" id="ie-socket"><span class="rl" data-i18n="general.socketUrl">Socket URL</span><span class="rv is-ph" id="ie-socket-v">http://socket-proxy:2375</span><button class="pe" type="button" aria-label="Edit socket URL"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5"/><path d="M18.4 2.6a1.85 1.85 0 0 1 2.6 2.6l-9.1 9.1-3.4 1 1-3.4z"/></svg></button></div>
       </div>
       <p class="grp-tip" data-i18n="general.loggingTip">Errors shows warnings and errors only. Security events are always logged.</p>
@@ -100,7 +100,7 @@
 
       <div class="grp-hdr" data-i18n="general.security">Security</div>
       <div class="grp">
-        <div class="row"><span class="rl" data-i18n="general.passwordProtection">Password Protection</span><label class="tog" aria-label="Password Protection"><input type="checkbox" id="sec-en"><div class="tr"></div></label></div>
+        <div class="row"><span class="rl" id="rl-sec-en" data-i18n="general.passwordProtection">Password Protection</span><label class="tog"><input type="checkbox" id="sec-en" aria-labelledby="rl-sec-en"><div class="tr"></div></label></div>
         <div class="row ie-row d-none" id="ie-pw"><span class="rl" data-i18n="general.password">Password</span><span class="rv is-ph" id="ie-pw-v">Not set</span><button class="pe" type="button" aria-label="Edit password"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5"/><path d="M18.4 2.6a1.85 1.85 0 0 1 2.6 2.6l-9.1 9.1-3.4 1 1-3.4z"/></svg></button></div>
         <div class="row d-none" id="sec-revoke-row"><span class="rl" data-i18n="general.signOutEverywhere">Sign out all devices</span><div class="row-btns"><button class="btn bg sm" id="sec-revoke" type="button" data-i18n="general.signOutEverywhereBtn">Sign out all</button></div></div>
       </div>
@@ -124,8 +124,8 @@
       </div>
       <div class="grp-hdr" data-i18n="appearance.appTitle">App Title</div>
       <div class="grp">
-        <div class="row"><span class="rl" data-i18n="appearance.showTitleDesktop">Show App Title On Desktop</span><label class="tog" aria-label="Show App Title On Desktop"><input type="checkbox" id="set-lbl-d"><div class="tr"></div></label></div>
-        <div class="row"><span class="rl" data-i18n="appearance.showTitleMobile">Show App Title On Mobile</span><label class="tog" aria-label="Show App Title On Mobile"><input type="checkbox" id="set-lbl-m"><div class="tr"></div></label></div>
+        <div class="row"><span class="rl" id="rl-set-lbl-d" data-i18n="appearance.showTitleDesktop">Show App Title On Desktop</span><label class="tog"><input type="checkbox" id="set-lbl-d" aria-labelledby="rl-set-lbl-d"><div class="tr"></div></label></div>
+        <div class="row"><span class="rl" id="rl-set-lbl-m" data-i18n="appearance.showTitleMobile">Show App Title On Mobile</span><label class="tog"><input type="checkbox" id="set-lbl-m" aria-labelledby="rl-set-lbl-m"><div class="tr"></div></label></div>
       </div>
       <div class="grp-hdr" data-i18n="appearance.display">Display</div>
       <div class="grp">
@@ -141,7 +141,7 @@
           </div>
           <input type="hidden" id="theme-sel" value="system">
         </div>
-        <div class="row"><span class="rl" data-i18n="appearance.keepAwake">Keep Screen Awake</span><label class="tog" aria-label="Keep Screen Awake"><input type="checkbox" id="set-awake"><div class="tr"></div></label></div>
+        <div class="row"><span class="rl" id="rl-set-awake" data-i18n="appearance.keepAwake">Keep Screen Awake</span><label class="tog"><input type="checkbox" id="set-awake" aria-labelledby="rl-set-awake"><div class="tr"></div></label></div>
       </div>
       <p class="grp-tip" data-i18n="appearance.displayModeTip">Sets the appearance of the Settings pages. It is stored in this browser, applies to this device only, and takes effect at once.</p>
       <p class="grp-tip" data-i18n="appearance.keepAwakeTip">Stops the screen dimming or locking while the dashboard is open. Browsers only allow this over HTTPS, so it has no effect on a plain HTTP address.</p>
@@ -260,7 +260,7 @@ <h1 class="sec-title" id="ev-title">General</h1>
       </div>
     </section>
 
-  </div><!-- .cp -->
+  </main><!-- .cp -->
 </div><!-- .adm -->
 </div><!-- .adm-outer -->
 
@@ -321,6 +321,6 @@ <h1 class="sec-title" id="ev-title">General</h1>
   </div></div>
 </div>
 
-<script type="module" src="/js/admin.js?v=1a323317"></script>
+<script type="module" src="/js/admin.js?v=dc8df8fc"></script>
 </body>
 </html>
diff --git a/ui/css/admin.css b/ui/css/admin.css
index f3703a40..22cf398d 100644
--- a/ui/css/admin.css
+++ b/ui/css/admin.css
@@ -25,19 +25,26 @@
   --slider-dir:90deg;
 
   /* Derived from the hue, never written out, so a palette change carries
-     through. */
+     through. The hue's readable variant is drawn for a surface, not for a pill
+     tinted with the same hue, where it reaches only 3.6 to 4.4 against the 4.5
+     of 1.4.3. Lifting it toward the theme's extreme clears every pill on both
+     the pane and a card. */
+  --chip-ink-boost:#FFFFFF;
+  /* An unselected chip sits on the field fill, not on the pane, and --dm is
+     measured against the pane. */
+  --chip-text:#C7C7CC;
   --chip-dk-bg:color-mix(in srgb, var(--sy-indigo) 20%, transparent);
-  --chip-dk-fg:var(--sy-indigo-hi);
+  --chip-dk-fg:color-mix(in srgb, var(--sy-indigo-hi) 82%, var(--chip-ink-boost));
   --chip-wg-bg:color-mix(in srgb, var(--sy-green) 20%, transparent);
-  --chip-wg-fg:var(--sy-green-hi);
+  --chip-wg-fg:color-mix(in srgb, var(--sy-green-hi) 82%, var(--chip-ink-boost));
   --chip-hl-bg:color-mix(in srgb, var(--sy-pink) 20%, transparent);
-  --chip-hl-fg:var(--sy-pink-hi);
+  --chip-hl-fg:color-mix(in srgb, var(--sy-pink-hi) 82%, var(--chip-ink-boost));
   --chip-bg-bg:color-mix(in srgb, var(--sy-blue) 20%, transparent);
-  --chip-bg-fg:var(--sy-blue-hi);
+  --chip-bg-fg:color-mix(in srgb, var(--sy-blue-hi) 82%, var(--chip-ink-boost));
   --chip-fl-bg:color-mix(in srgb, var(--sy-brown) 20%, transparent);
-  --chip-fl-fg:var(--sy-brown-hi);
+  --chip-fl-fg:color-mix(in srgb, var(--sy-brown-hi) 82%, var(--chip-ink-boost));
   --chip-sy-bg:color-mix(in srgb, var(--sy-gray) 22%, transparent);
-  --chip-sy-fg:var(--sy-gray-hi);
+  --chip-sy-fg:color-mix(in srgb, var(--sy-gray-hi) 82%, var(--chip-ink-boost));
   /* Page neutrals particular to this screen. */
   --tile-placeholder:var(--sy-gray2-hi);  /* an app tile with no icon yet */
   --surface-sunken:var(--sy-gray5);       /* recessed well behind the About icon */
@@ -102,6 +109,9 @@ html[data-theme="light"] {
   --tx:#1C1C1E;
   --dm:var(--sy-gray-hi);
 
+  --chip-ink-boost:#000000;
+  --chip-text:#5A5A5E;
+
   --tile-placeholder:var(--sy-gray2-hi);
   --surface-sunken:var(--sy-gray5);
   --login-badge:#D3E4FF;
@@ -247,7 +257,7 @@ html{background:var(--bg-color,var(--bg-outer))}
 .al-search{background:var(--ov);border:1px solid var(--bd-inner);border-radius:20px;color:var(--tx);font-size:var(--fs-footnote);line-height:var(--lh-footnote);letter-spacing:var(--tr-footnote);padding:7px 14px;width:180px;font-family:inherit}
 .al-search:focus{outline:none;border-color:var(--ac)}
 .al-chips{display:flex;gap:5px}
-.chip{padding:6px 13px;border-radius:20px;border:none;background:var(--field-fill);color:var(--dm);font-size:var(--fs-footnote);line-height:var(--lh-footnote);letter-spacing:var(--tr-footnote);font-weight:500;cursor:pointer;transition:background var(--t),color var(--t);font-family:inherit}
+.chip{padding:6px 13px;border-radius:20px;border:none;background:var(--field-fill);color:var(--chip-text);font-size:var(--fs-footnote);line-height:var(--lh-footnote);letter-spacing:var(--tr-footnote);font-weight:500;cursor:pointer;transition:background var(--t),color var(--t);font-family:inherit}
 .chip.on{background:var(--ac);color:var(--on-fill)}
 .chip:hover:not(.on){color:var(--tx)}
 .row.drow{display:grid;grid-template-columns:20px 48px 1fr auto auto;gap:12px;padding:10px 16px;min-height:68px;cursor:grab;align-items:center}
diff --git a/ui/css/dashboard.css b/ui/css/dashboard.css
index 5b0a98e6..44474fb9 100644
--- a/ui/css/dashboard.css
+++ b/ui/css/dashboard.css
@@ -255,7 +255,9 @@
     #dots {
       position:fixed; bottom:160px; left:50%; /* desktop only — mobile overrides bottom inline */
       transform:translateX(-50%);
-      display:flex; gap:10px; z-index:500;
+      /* 24px between centres: an interior dot's hit area is bounded by its
+         neighbours', so the pitch is its width. */
+      display:flex; gap:16px; z-index:500;
       background:rgba(255,255,255,.28);
       -webkit-backdrop-filter:blur(12px) saturate(140%); backdrop-filter:blur(12px) saturate(140%);
       border-radius:24px; padding:10px 18px;
diff --git a/ui/i18n/de.json b/ui/i18n/de.json
index 2c1dada9..0d47e02d 100644
--- a/ui/i18n/de.json
+++ b/ui/i18n/de.json
@@ -29,7 +29,9 @@
     "configured": "Eingerichtet",
     "notSet": "Nicht gesetzt",
     "show": "Anzeigen",
-    "hide": "Ausblenden"
+    "hide": "Ausblenden",
+    "moveUp": "Nach oben",
+    "moveDown": "Nach unten"
   },
   "general": {
     "title": "Titel",
diff --git a/ui/i18n/en.json b/ui/i18n/en.json
index 13aa2e0e..0f29c7c0 100644
--- a/ui/i18n/en.json
+++ b/ui/i18n/en.json
@@ -29,7 +29,9 @@
     "configured": "Configured",
     "notSet": "Not set",
     "show": "Show",
-    "hide": "Hide"
+    "hide": "Hide",
+    "moveUp": "Move up",
+    "moveDown": "Move down"
   },
   "general": {
     "title": "Title",
diff --git a/ui/i18n/es.json b/ui/i18n/es.json
index 7a7dd60b..6a8c79a2 100644
--- a/ui/i18n/es.json
+++ b/ui/i18n/es.json
@@ -29,7 +29,9 @@
     "configured": "Configurado",
     "notSet": "Sin definir",
     "show": "Mostrar",
-    "hide": "Ocultar"
+    "hide": "Ocultar",
+    "moveUp": "Subir",
+    "moveDown": "Bajar"
   },
   "general": {
     "title": "Título",
diff --git a/ui/i18n/fa.json b/ui/i18n/fa.json
index ddc47a0f..a8f2f988 100644
--- a/ui/i18n/fa.json
+++ b/ui/i18n/fa.json
@@ -29,7 +29,9 @@
     "configured": "تنظیم‌شده",
     "notSet": "تنظیم نشده",
     "show": "نمایش",
-    "hide": "پنهان کردن"
+    "hide": "پنهان کردن",
+    "moveUp": "انتقال به بالا",
+    "moveDown": "انتقال به پایین"
   },
   "general": {
     "title": "عنوان",
diff --git a/ui/i18n/fr.json b/ui/i18n/fr.json
index a9f93454..de276fc7 100644
--- a/ui/i18n/fr.json
+++ b/ui/i18n/fr.json
@@ -29,7 +29,9 @@
     "configured": "Définie",
     "notSet": "Non définie",
     "show": "Afficher",
-    "hide": "Masquer"
+    "hide": "Masquer",
+    "moveUp": "Monter",
+    "moveDown": "Descendre"
   },
   "general": {
     "title": "Titre",
diff --git a/ui/i18n/zh-Hans.json b/ui/i18n/zh-Hans.json
index 02ad2c6d..a4aa9e62 100644
--- a/ui/i18n/zh-Hans.json
+++ b/ui/i18n/zh-Hans.json
@@ -29,7 +29,9 @@
     "configured": "已设置",
     "notSet": "未设置",
     "show": "显示",
-    "hide": "隐藏"
+    "hide": "隐藏",
+    "moveUp": "上移",
+    "moveDown": "下移"
   },
   "general": {
     "title": "标题",
diff --git a/ui/index.html b/ui/index.html
index b571bb06..2a3a3e63 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -24,13 +24,13 @@
 
   <title>Stackyard</title>
   <link rel="stylesheet" href="/css/tokens.css?v=26b1b862">
-  <link rel="stylesheet" href="/css/dashboard.css?v=ea092f4d">
+  <link rel="stylesheet" href="/css/dashboard.css?v=645f3cff">
 </head>
 <body>
 <h1 class="visually-hidden">Stackyard</h1>
 <div id="ctrls"></div>
 <main id="pages" aria-label="Home screen" data-i18n-al="home.homeScreen"></main>
-<div id="dots" role="group" aria-label="Dashboard pages" data-i18n-al="home.pagination"></div>
+<nav id="dots" aria-label="Dashboard pages" data-i18n-al="home.pagination"></nav>
 <!-- Announces the page after a change. The dots are reachable by keyboard. -->
 <div id="page-live" class="visually-hidden" aria-live="polite" aria-atomic="true"></div>
 <div id="mob-search-pill">
@@ -53,5 +53,5 @@ <h1 class="visually-hidden">Stackyard</h1>
     </div>
   </div>
 </div>
-<script type="module" src="/js/dashboard.js?v=7301de6b"></script>
+<script type="module" src="/js/dashboard.js?v=c08f3c95"></script>
 </body></html>
diff --git a/ui/js/admin-app-form.js b/ui/js/admin-app-form.js
index a00f059b..3363dc52 100644
--- a/ui/js/admin-app-form.js
+++ b/ui/js/admin-app-form.js
@@ -13,8 +13,8 @@ import {
   initInlineEdit,
   setTogDisabled,
   wireChecklist,
-} from '/js/admin-shared.js?v=d96fc091';
-import { renderColorControl, BADGE_SWATCHES } from '/js/admin-color-control.js?v=89eee5e8';
+} from '/js/admin-shared.js?v=8f69dad6';
+import { renderColorControl, BADGE_SWATCHES } from '/js/admin-color-control.js?v=984a0b69';
 import { badgeErrorAdvice, TONE } from '/js/admin-error.js?v=10f3cdb1';
 
 export function buildFolderForm(body, item) {
diff --git a/ui/js/admin-auth.js b/ui/js/admin-auth.js
index c322a86e..1719f331 100644
--- a/ui/js/admin-auth.js
+++ b/ui/js/admin-auth.js
@@ -1,4 +1,4 @@
-import { ag, ap } from '/js/admin-shared.js?v=d96fc091';
+import { ag, ap } from '/js/admin-shared.js?v=8f69dad6';
 import { t } from '/js/i18n.js?v=d056c9c5';
 import { pwStrength } from '/js/password-strength.js?v=42f45ac7';
 import { el, inp as inpById, qa } from '/js/utils.js?v=b18c93ed';
diff --git a/ui/js/admin-color-control.js b/ui/js/admin-color-control.js
index 27370254..495e695a 100644
--- a/ui/js/admin-color-control.js
+++ b/ui/js/admin-color-control.js
@@ -1,4 +1,4 @@
-import { PE_SVG, initInlineEdit, toast } from '/js/admin-shared.js?v=d96fc091';
+import { PE_SVG, initInlineEdit, toast } from '/js/admin-shared.js?v=8f69dad6';
 import { t } from '/js/i18n.js?v=d056c9c5';
 import { html, raw, setHtml } from '/js/html.js?v=c71f8903';
 import { qa, q } from '/js/utils.js?v=b18c93ed';
diff --git a/ui/js/admin-settings.js b/ui/js/admin-settings.js
index a199ae97..24170efa 100644
--- a/ui/js/admin-settings.js
+++ b/ui/js/admin-settings.js
@@ -1,4 +1,4 @@
-import { toast, ag, ap } from '/js/admin-shared.js?v=d96fc091';
+import { toast, ag, ap } from '/js/admin-shared.js?v=8f69dad6';
 import { pwStrength } from '/js/password-strength.js?v=42f45ac7';
 import { t } from '/js/i18n.js?v=d056c9c5';
 import { shouldWritePassword, settingsSaveBlocker, clearsStoredPassword, BLOCK } from '/js/admin-logic.js?v=ddfc6f80';
diff --git a/ui/js/admin-shared.js b/ui/js/admin-shared.js
index 607beb5f..3c648779 100644
--- a/ui/js/admin-shared.js
+++ b/ui/js/admin-shared.js
@@ -129,10 +129,13 @@ export const CHEV_SVG =
   '<svg class="dd-chev" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 10.5 12 6.5 16 10.5"/><path d="M8 13.5 12 17.5 16 13.5"/></svg>';
 
 /* `root` lets a caller wire a subtree that is not in the document yet. */
-/** @param {string} rowId @param {string} inputId
-    @param {{ type?: string, placeholder?: string,
+/** A function placeholder is resolved on use, not at wiring time: this runs
+    before the catalog is fetched, so a translated one has to be read later.
+    @param {string} rowId @param {string} inputId
+    @param {{ type?: string, placeholder?: string | (() => string),
               onCommit?: (value: string) => void, root?: ParentNode }} [opts] */
 export function initInlineEdit(rowId, inputId, { type = 'text', placeholder = '', onCommit, root = document } = {}) {
+  const ph = () => (typeof placeholder === 'function' ? placeholder() : placeholder);
   const byId = id => (root === document ? el(id) : root.querySelector('#' + CSS.escape(id)));
   const row = byId(rowId);
   const inp = /** @type {HTMLInputElement} */ (byId(inputId));
@@ -142,15 +145,23 @@ export function initInlineEdit(rowId, inputId, { type = 'text', placeholder = ''
   if (!valEl || !pen) return;
 
   inp.type = type;
-  inp.placeholder = placeholder;
+  inp.placeholder = ph();
   inp.className = 'row-inp';
   inp.style.display = '';
   inp.style.cssText = '';
+  /* The row's own label carries the translation. A placeholder is a hint, not a
+     name, and several readers drop it once the field holds a value. */
+  const labelEl = q('.rl', row);
+  if (labelEl) {
+    if (!labelEl.id) labelEl.id = `${rowId}-rl`;
+    inp.setAttribute('aria-labelledby', labelEl.id);
+  }
   row.insertBefore(inp, pen);
 
   function open() {
     if (row.classList.contains('editing')) return;
     row.classList.add('editing');
+    inp.placeholder = ph();
     inp.value = valEl.classList.contains('is-ph') ? '' : valEl.textContent;
     inp.focus();
     inp.select?.();
@@ -163,7 +174,7 @@ export function initInlineEdit(rowId, inputId, { type = 'text', placeholder = ''
       valEl.textContent = v;
       valEl.classList.remove('is-ph');
     } else {
-      valEl.textContent = placeholder || '';
+      valEl.textContent = ph() || '';
       valEl.classList.add('is-ph');
     }
     onCommit?.(v);
diff --git a/ui/js/admin-widget-form.js b/ui/js/admin-widget-form.js
index 588ae887..505734bd 100644
--- a/ui/js/admin-widget-form.js
+++ b/ui/js/admin-widget-form.js
@@ -1,6 +1,6 @@
 import { state } from '/js/admin-state.js?v=b7731aa4';
-import { PE_SVG, CHEV_SVG, initInlineEdit } from '/js/admin-shared.js?v=d96fc091';
-import { renderWidgetConfigForm } from '/js/widget-config-form.js?v=71fe9a70';
+import { PE_SVG, CHEV_SVG, initInlineEdit } from '/js/admin-shared.js?v=8f69dad6';
+import { renderWidgetConfigForm } from '/js/widget-config-form.js?v=45bbb2b7';
 import { html, raw, setHtml } from '/js/html.js?v=c71f8903';
 import {
   sizesForView,
diff --git a/ui/js/admin.js b/ui/js/admin.js
index 44a77ebc..aadefa12 100644
--- a/ui/js/admin.js
+++ b/ui/js/admin.js
@@ -1,5 +1,5 @@
-import { buildAppForm, buildFolderForm, serializeKvRows } from '/js/admin-app-form.js?v=f87415c7';
-import { checkAuth, requireLogin, wirePasswordStrength } from '/js/admin-auth.js?v=589ad7b9';
+import { buildAppForm, buildFolderForm, serializeKvRows } from '/js/admin-app-form.js?v=f236bd68';
+import { checkAuth, requireLogin, wirePasswordStrength } from '/js/admin-auth.js?v=5e6450f0';
 import { applyDrop, canJoinFolder, folderRowZone } from '/js/admin-drag-logic.js?v=ebe3e806';
 import { reorderItems, resolveAdminSection } from '/js/admin-logic.js?v=ddfc6f80';
 import {
@@ -10,10 +10,10 @@ import {
   snapshotItems,
   upsertItem,
 } from '/js/admin-save-logic.js?v=52a970d3';
-import { loadSettings, showBgFields, showBgFit, showWallpaperFile } from '/js/admin-settings.js?v=b2b67c47';
-import { ag, ap, initInlineEdit, setReauthHandler, toast } from '/js/admin-shared.js?v=d96fc091';
+import { loadSettings, showBgFields, showBgFit, showWallpaperFile } from '/js/admin-settings.js?v=f7078bc0';
+import { ag, ap, initInlineEdit, setReauthHandler, toast } from '/js/admin-shared.js?v=8f69dad6';
 import { state } from '/js/admin-state.js?v=b7731aa4';
-import { buildWidgetForm } from '/js/admin-widget-form.js?v=55e0396a';
+import { buildWidgetForm } from '/js/admin-widget-form.js?v=15aad905';
 import { html, raw, setHtml } from '/js/html.js?v=c71f8903';
 import { initI18n, LANGUAGES, t } from '/js/i18n.js?v=d056c9c5';
 import { iconChain, loadLocalIcons, resolveIcon } from '/js/icons.js?v=69c2b9bd';
@@ -30,7 +30,7 @@ import { isMobileLayout, onLayoutChange } from '/js/layout.js?v=28416a75';
 import { confirmModal, openModal as openDialog, promptModal } from '/js/modal.js?v=ff76dc56';
 import { readMode, watchSystemTheme, writeMode } from '/js/theme.js?v=fbd2d2ef';
 import { el, inp, q, qa, clr as rc, sanitizeCssUrl, setUserText, tgt } from '/js/utils.js?v=b18c93ed';
-import { normalizeColorInput } from '/js/admin-color-control.js?v=89eee5e8';
+import { normalizeColorInput } from '/js/admin-color-control.js?v=984a0b69';
 import { parseYamlTolerant, YamlLiteError } from '/js/yaml-lite.js?v=cceca788';
 
 /* A class rather than a bare media query. Some phones report a wider CSS
@@ -319,7 +319,7 @@ function mkRow(item, idx, { indent = false, childIdx = null, folderId = null } =
   const mkMove = (dir, can) => {
     const b = document.createElement('button');
     b.className = 'btn bg sm ic';
-    const lbl = dir < 0 ? 'Move up' : 'Move down';
+    const lbl = t(dir < 0 ? 'common.moveUp' : 'common.moveDown');
     b.title = lbl;
     b.setAttribute('aria-label', lbl + ': ' + (item.label || item.id || 'item'));
     b.textContent = dir < 0 ? '↑' : '↓';
@@ -1043,7 +1043,7 @@ function initAllInlineEdits() {
 
   initInlineEdit('ie-pw', 'sec-pw', {
     type: 'password',
-    placeholder: t('general.passwordPh'),
+    placeholder: () => t('general.passwordPh'),
     onCommit() {
       const bars = el('sec-pw-bars');
       const hint = el('sec-pw-hint');
diff --git a/ui/js/dashboard.js b/ui/js/dashboard.js
index f9653686..ab5bb34f 100644
--- a/ui/js/dashboard.js
+++ b/ui/js/dashboard.js
@@ -7,7 +7,8 @@ import {
   WIDGET_COST,
   widgetSrc,
   cardPreset,
-} from '/js/widget-types.js?v=b81ceeea';
+  uniqueTitle,
+} from '/js/widget-types.js?v=6a5e1619';
 import {
   mk,
   mkWrap as _mkWrap,
@@ -25,7 +26,7 @@ import { html, setHtml, raw } from '/js/html.js?v=c71f8903';
 import { initI18n, t, currentLang } from '/js/i18n.js?v=d056c9c5';
 import { pwStrength, passwordMismatch } from '/js/password-strength.js?v=42f45ac7';
 import { sanitizeItemLinks } from '/js/link-url.js?v=54adb40f';
-import { initUI, mkFolder, openFolderDesktop, openFolderMobile, buildMobile } from '/js/ui.js?v=371827cc';
+import { initUI, mkFolder, openFolderDesktop, openFolderMobile, buildMobile } from '/js/ui.js?v=14202a72';
 import { badgeMinimum, badgeSignature, computeBadgeVisual, readBadgeUpdate } from '/js/badge-logic.js?v=771f3230';
 import {
   configChanged,
@@ -271,8 +272,10 @@ function mkIcon(item) {
   return a;
 }
 
+/* Reset per build: the names must stay stable across a rebuild. */
+let usedWidgetTitles = new Set();
 function widgetTitle(item) {
-  return item.label || widgetReg[item.widgetType]?.label || t('type.widget');
+  return uniqueTitle(item.label || widgetReg[item.widgetType]?.label || t('type.widget'), usedWidgetTitles);
 }
 function mkWidget(item) {
   const sz = item.widgetSize || 'medium';
@@ -331,6 +334,7 @@ function buildDesktop() {
      widgets started. */
   teardownWidgets();
   BEL.clear();
+  usedWidgetTitles = new Set();
   /* Before paginate() and before any tile is built: both size against it. */
   gm = gridMetrics();
   const dock = items.filter(i => i.type === 'app' && i.dock && !i.hidden).slice(0, 4);
@@ -392,6 +396,20 @@ function announcePage(index, total) {
   live.textContent = t('home.pageAnnounce', { page: index + 1, total });
 }
 
+/* A page that has scrolled off is still in the DOM and still focusable, so Tab
+   walks out of the visible page into tiles nobody can see and the pager does
+   not follow. inert takes them out of the tab order and the accessibility tree
+   together. */
+/** @param {number} current */
+function syncPageInert(current) {
+  const strip = el('pages');
+  if (!strip) return;
+  [...strip.children].forEach((page, i) => {
+    if (i === current) page.removeAttribute('inert');
+    else page.setAttribute('inert', '');
+  });
+}
+
 function goTo(n, dotEls, announce = true) {
   const total = dotEls ? dotEls.length : totalPages;
   const was = pg;
@@ -400,6 +418,7 @@ function goTo(n, dotEls, announce = true) {
   if (_stateRef) _stateRef.pg = pg;
   storeSet(PAGE_STORE, String(pg));
   const strip = el('pages');
+  syncPageInert(pg);
   const t = `translateX(-${pg * 100}vw)`;
   strip.style.transform = strip.style.webkitTransform = t;
   strip.style.willChange = 'transform';
diff --git a/ui/js/ui.js b/ui/js/ui.js
index 027733b8..f5414565 100644
--- a/ui/js/ui.js
+++ b/ui/js/ui.js
@@ -1,5 +1,5 @@
 import { iconChain } from '/js/icons.js?v=69c2b9bd';
-import { widgetSrc, cardPreset, WIDGET_DESIGN } from '/js/widget-types.js?v=b81ceeea';
+import { widgetSrc, cardPreset, uniqueTitle, WIDGET_DESIGN } from '/js/widget-types.js?v=6a5e1619';
 import {
   mk,
   clr,
@@ -415,6 +415,12 @@ export function openFolderMobile(folder, isz, _ir, _im, sc) {
     curPage = Math.max(0, Math.min(pages.length - 1, n));
     strip.style.transform = strip.style.webkitTransform = `translateX(-${curPage * pageW}px)`;
     dotEls.forEach((d, j) => d.classList.toggle('on', j === curPage));
+    /* A page that has scrolled off stays focusable, so Tab would leave the
+       visible page for tiles nobody can see. */
+    [...strip.children].forEach((page, j) => {
+      if (j === curPage) page.removeAttribute('inert');
+      else page.setAttribute('inert', '');
+    });
   }
 
   function buildPage(apps) {
@@ -645,8 +651,10 @@ export function buildMobile() {
   }
   const pages = packMobile(gridItems);
 
+  /* Scoped to this build, so the names stay stable across a rebuild. */
+  const usedWidgetTitles = new Set();
   function widgetTitle(item) {
-    return item.label || widgetReg()[item.widgetType]?.label || t('type.widget');
+    return uniqueTitle(item.label || widgetReg()[item.widgetType]?.label || t('type.widget'), usedWidgetTitles);
   }
 
   function mIcon(item) {
diff --git a/ui/js/widget-config-form.js b/ui/js/widget-config-form.js
index abe930a8..3fe95e8d 100644
--- a/ui/js/widget-config-form.js
+++ b/ui/js/widget-config-form.js
@@ -4,8 +4,8 @@
 
 import { t } from '/js/i18n.js?v=d056c9c5';
 import { html, raw, setHtml } from '/js/html.js?v=c71f8903';
-import { wireChecklist } from '/js/admin-shared.js?v=d96fc091';
-import { renderColorControl } from '/js/admin-color-control.js?v=89eee5e8';
+import { wireChecklist } from '/js/admin-shared.js?v=8f69dad6';
+import { renderColorControl } from '/js/admin-color-control.js?v=984a0b69';
 import {
   seedCarried,
   applyOptionSet,
diff --git a/ui/js/widget-types.js b/ui/js/widget-types.js
index 803749a1..fab01fa4 100644
--- a/ui/js/widget-types.js
+++ b/ui/js/widget-types.js
@@ -60,3 +60,13 @@ export function widgetSrc(item, reg, opts) {
   if (opts?.lang) parts.push('lang=' + encodeURIComponent(opts.lang));
   return `/widgets/${type}/${file}?${parts.join('&')}`;
 }
+
+/* Two widgets of the same type carry the same manifest label, and a frame list
+   then holds several entries with one name. */
+/** @param {string} base @param {Set<string>} used */
+export function uniqueTitle(base, used) {
+  let title = base;
+  for (let n = 2; used.has(title); n++) title = `${base} ${n}`;
+  used.add(title);
+  return title;
+}
diff --git a/ui/test/books-list-semantics.test.mjs b/ui/test/books-list-semantics.test.mjs
new file mode 100644
index 00000000..952f2f31
--- /dev/null
+++ b/ui/test/books-list-semantics.test.mjs
@@ -0,0 +1,71 @@
+/* The books shelf is a list, and it has to say so in markup.
+
+   The spines were divs carrying role="listitem" with no list above them, so the
+   role was dropped and each book reached a reader as unpositioned focusable
+   text with no count. They are `li` elements in a real `ul` now.
+
+   The shelf itself cannot be that list: it also holds the two decorative ledge
+   strips, which are not books. The list is nested inside it. */
+
+import assert from 'node:assert/strict';
+import fs from 'node:fs';
+import path from 'node:path';
+import { test } from 'node:test';
+import { fileURLToPath } from 'node:url';
+
+const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const books = fs.readFileSync(path.join(root, 'widgets/books/index.html'), 'utf8');
+
+test('the shelf holds a real list, not a div wearing a role', () => {
+  assert.match(books, /<ul class="books" id="books">/);
+  assert.match(books, /createElement\('li'\)/, 'a book is a list item');
+  assert.doesNotMatch(books, /setAttribute\('role','listitem'\)/, 'a real li needs no role');
+});
+
+/* WebKit drops list semantics when the bullets are removed, so the role is
+   declared even though the element is already a list. */
+test('the list keeps its role despite the bullets being removed', () => {
+  assert.match(books, /\.books\{list-style:none/);
+  assert.match(books, /list\.setAttribute\('role','list'\)/);
+});
+
+/* An empty list that declares the role reports as missing its children, and an
+   unconfigured widget renders no rows at all. */
+test('the role is dropped while the shelf is empty', () => {
+  const render = books.slice(books.indexOf('function render(books)'));
+  const drop = render.indexOf("list.removeAttribute('role')");
+  const set = render.indexOf("list.setAttribute('role','list')");
+  assert.ok(drop > -1 && set > -1, 'the role is never toggled');
+  assert.ok(drop < set, 'the role has to be cleared before the empty case returns');
+});
+
+/* The ledges are shelf furniture. Inside the list they would be children that
+   are not list items. */
+test('the shelf decorations stay outside the list', () => {
+  assert.match(books, /<ul class="books" id="books"><\/ul>/, 'a ledge would otherwise sit inside the list');
+  const list = books.indexOf('<ul class="books"');
+  const ledge = books.indexOf('class="ledge-top"');
+  assert.ok(list > -1 && ledge > list, 'the ledges are siblings after the list, not children of it');
+  assert.match(books, /class="ledge-top" aria-hidden="true"/);
+  assert.match(books, /class="ledge" aria-hidden="true"/);
+});
+
+/* The panel sat at the tile's border box, under the rounded corner and over the
+   header, with its smallest line at 9px before the tile's own scaling. */
+test('the hover panel is inset from the tile edge', () => {
+  const rule = /\.info\{([^}]*)\}/.exec(books);
+  assert.ok(rule, 'the info rule is missing');
+  for (const side of ['left', 'right', 'top']) {
+    const px = new RegExp(`${side}:(\\d+)px`).exec(rule[1]);
+    assert.ok(px && Number(px[1]) > 0, `the panel still sits on the tile's ${side} edge`);
+  }
+  assert.match(rule[1], /border-radius:/, 'an inset panel with square corners reads as a torn-off bar');
+});
+
+test('no line in the hover panel is under 10px', () => {
+  for (const cls of ['t', 'a', 'p']) {
+    const px = new RegExp(`\\.info \\.${cls}\\{font-size:(\\d+)px`).exec(books);
+    assert.ok(px, `.info .${cls} has no size`);
+    assert.ok(Number(px[1]) >= 10, `.info .${cls} is ${px[1]}px, which the tile's scaling drops below 9`);
+  }
+});
diff --git a/ui/test/contrast.test.mjs b/ui/test/contrast.test.mjs
index daaec6c8..bf61cccd 100644
--- a/ui/test/contrast.test.mjs
+++ b/ui/test/contrast.test.mjs
@@ -100,16 +100,80 @@ function resolver({ raised = false, light = false, extra = [] } = {}) {
   };
   const sources = [tokens, admin, ...extra];
   const base = new Map(sources.flatMap(src => [...declarations(src, wants)]));
-  return function resolve(name, seen = new Set()) {
+  function resolve(name, seen = new Set()) {
     assert.ok(!seen.has(name), `${name} resolves in a cycle`);
     seen.add(name);
     const value = base.get(name);
     assert.ok(value, `${name} is not declared`);
     const ref = /^var\(\s*(--[\w-]+)\s*\)$/.exec(value);
     if (ref) return resolve(ref[1], seen);
+    const mix = MIX.exec(value);
+    if (mix) {
+      const [, colour, pct, other] = mix;
+      const a = hexOf(resolve, colour, seen);
+      /* A tint over nothing is not a colour yet. Only the opaque form resolves
+         here; tintOf carries the transparent one to its backdrop. */
+      assert.notEqual(other.trim(), 'transparent', `${name} is a tint, not a colour`);
+      return blend(a, hexOf(resolve, other, seen), Number(pct) / 100);
+    }
     assert.match(value, /^#[0-9a-fA-F]{6}$/, `${name} is not a plain hex value: ${value}`);
     return value;
+  }
+  /* The declared value, before it is resolved to a colour. */
+  resolve.raw = name => {
+    const value = base.get(name);
+    assert.ok(value, `${name} is not declared`);
+    const ref = /^var\(\s*(--[\w-]+)\s*\)$/.exec(value);
+    return ref ? resolve.raw(ref[1]) : value;
   };
+  return resolve;
+}
+
+const MIX = /^color-mix\(\s*in srgb\s*,\s*(.+?)\s+([\d.]+)%\s*,\s*(.+)\)$/;
+
+/* A literal, a var(), or a nested mix. */
+function hexOf(resolve, expr, seen) {
+  const e = expr.trim();
+  const ref = /^var\(\s*(--[\w-]+)\s*\)$/.exec(e);
+  if (ref) return resolve(ref[1], new Set(seen));
+  assert.match(e, /^#[0-9a-fA-F]{6}$/, `not a colour: ${e}`);
+  return e;
+}
+
+/** `a` at `weight`, the rest `b`. @returns {string} hex */
+function blend(a, b, weight) {
+  const ch = h => [1, 3, 5].map(i => parseInt(h.substr(i, 2), 16));
+  const [x, y] = [ch(a), ch(b)];
+  return (
+    '#' +
+    x
+      .map((v, i) =>
+        Math.round(v * weight + y[i] * (1 - weight))
+          .toString(16)
+          .padStart(2, '0'),
+      )
+      .join('')
+  );
+}
+
+/* A translucent fill is not a colour until it has a backdrop. Both spellings the
+   stylesheets use resolve the same way: rgba() and a mix with transparent. */
+function tintOver(resolve, name, surface) {
+  const value = resolve.raw(name);
+  const rgba = /^rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*([\d.]+)\s*\)$/.exec(value);
+  if (rgba) {
+    const hex =
+      '#' +
+      rgba
+        .slice(1, 4)
+        .map(v => Number(v).toString(16).padStart(2, '0'))
+        .join('');
+    return blend(hex, resolve(surface), Number(rgba[4]));
+  }
+  const mix = MIX.exec(value);
+  assert.ok(mix, `${name} is not a translucent fill: ${value}`);
+  assert.equal(mix[3].trim(), 'transparent', `${name} is already opaque`);
+  return blend(hexOf(resolve, mix[1]), resolve(surface), Number(mix[2]) / 100);
 }
 
 /* ── WCAG 2.1 relative luminance and contrast ─────────────────────────────── */
@@ -137,6 +201,38 @@ const REQUIRED = [
   ['--bd', 3.0, 'the border that delineates a control'],
 ];
 
+/* A pill and an unselected chip are not text on a surface: each sits on a
+   translucent fill, and the ink has to clear 4.5 against the fill composited
+   over whatever is behind it. The hue's readable variant does not survive that
+   composite on its own, which is how six pills sat between 3.6 and 4.4.
+
+   The pane and the card are the two backdrops these appear on. */
+const TINTED = [
+  ['--chip-dk-fg', '--chip-dk-bg', 'the dashboard-type pill'],
+  ['--chip-wg-fg', '--chip-wg-bg', 'the widget-type pill'],
+  ['--chip-hl-fg', '--chip-hl-bg', 'the hidden-item pill'],
+  ['--chip-bg-fg', '--chip-bg-bg', 'the badge pill'],
+  ['--chip-fl-fg', '--chip-fl-bg', 'the folder-type pill'],
+  ['--chip-sy-fg', '--chip-sy-bg', 'the system-item pill'],
+  ['--chip-text', '--field-fill', 'an unselected filter chip'],
+];
+
+const TINT_BACKDROPS = ['--pane', '--cp'];
+
+for (const light of [false, true]) {
+  test(`every tinted label clears 4.5 on both backdrops: ${light ? 'light' : 'dark'}`, () => {
+    const resolve = resolver({ light });
+    const failures = [];
+    for (const [ink, fill, what] of TINTED) {
+      for (const backdrop of TINT_BACKDROPS) {
+        const r = ratio(resolve(ink), tintOver(resolve, fill, backdrop));
+        if (r < 4.5) failures.push(`${ink} on ${fill} over ${backdrop}: ${r.toFixed(2)}, needs 4.5 (${what})`);
+      }
+    }
+    assert.deepEqual(failures, [], `Below the WCAG minimum:\n  ${failures.join('\n  ')}`);
+  });
+}
+
 test('the resolver reads both files', () => {
   const resolve = resolver();
   assert.equal(resolve('--dm'), '#A3A3A8');
diff --git a/ui/test/control-names.test.mjs b/ui/test/control-names.test.mjs
new file mode 100644
index 00000000..85199894
--- /dev/null
+++ b/ui/test/control-names.test.mjs
@@ -0,0 +1,111 @@
+/* Every control the settings page ships has to say what it is.
+
+   Three of them did not. A toggle was written as a label wrapping a bare
+   checkbox, with the name on the label: aria-label is prohibited on an element
+   with no role, so it was discarded and the checkbox reached a screen reader as
+   "checkbox, not checked". All six read that way. The inline-edit fields were
+   never linked to the row label beside them, so each announced as an unnamed
+   edit box once the pencil opened it, the password field included.
+
+   The visible label is the one the catalog already translates, so pointing at
+   it with aria-labelledby names the control and keeps it in step with the
+   language. A second aria-label would be a second string to translate and a
+   second one to forget. */
+
+import assert from 'node:assert/strict';
+import fs from 'node:fs';
+import path from 'node:path';
+import { test } from 'node:test';
+import { fileURLToPath } from 'node:url';
+import { register } from 'node:module';
+
+register('./js-root-hooks.mjs', import.meta.url);
+
+const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const read = p => fs.readFileSync(path.join(root, p), 'utf8');
+const admin = read('admin/index.html');
+
+const { uniqueTitle } = await import('../js/widget-types.js');
+
+/* ── the toggles ──────────────────────────────────────────────────────────── */
+
+const TOGGLES = [...admin.matchAll(/<label class="tog"[^>]*>\s*<input type="checkbox"([^>]*)>/g)].map(m => m[1]);
+
+test('every toggle is found', () => {
+  assert.equal(TOGGLES.length, 6, 'the toggle markup changed shape');
+});
+
+test('every toggle is named by the row label beside it', () => {
+  const unnamed = [];
+  for (const attrs of TOGGLES) {
+    const id = /\bid="([^"]+)"/.exec(attrs)?.[1] || '(no id)';
+    const points = /\baria-labelledby="([^"]+)"/.exec(attrs)?.[1];
+    if (!points) {
+      unnamed.push(`${id} has no aria-labelledby`);
+      continue;
+    }
+    const target = new RegExp(`<span class="rl" id="${points}"([^>]*)>`).exec(admin);
+    if (!target) unnamed.push(`${id} points at ${points}, which is not a row label`);
+    else if (!/data-i18n="/.test(target[1])) unnamed.push(`${id} is named by an untranslated label`);
+  }
+  assert.deepEqual(unnamed, [], `Toggles a screen reader cannot name:\n  ${unnamed.join('\n  ')}`);
+});
+
+/* aria-label on an element with no role is discarded, so a name written there
+   is not a name at all. */
+test('no toggle carries its name on the label element', () => {
+  assert.doesNotMatch(admin, /<label class="tog" aria-label=/);
+});
+
+/* ── the inline-edit fields ───────────────────────────────────────────────── */
+
+const shared = read('js/admin-shared.js');
+
+test('an inline-edit field is named by its row label', () => {
+  const fn = shared.slice(shared.indexOf('export function initInlineEdit'));
+  assert.match(fn, /q\('\.rl', row\)/, 'the row label is what carries the translated name');
+  assert.match(fn, /setAttribute\('aria-labelledby'/);
+});
+
+/* This runs at module load, before the catalog is fetched, so a placeholder
+   read then is the key rather than its translation. */
+test('an inline-edit placeholder is read when it is used, not when it is wired', () => {
+  const fn = shared.slice(shared.indexOf('export function initInlineEdit'));
+  assert.match(fn, /typeof placeholder === 'function' \? placeholder\(\)/);
+  assert.doesNotMatch(fn, /inp\.placeholder = placeholder;/);
+});
+
+test('the password placeholder is passed as a function', () => {
+  assert.match(read('js/admin.js'), /placeholder: \(\) => t\('general\.passwordPh'\)/);
+});
+
+/* ── widget frame names ───────────────────────────────────────────────────── */
+
+/* Two widgets of one type share a manifest label, and the frame list then holds
+   several entries with one name and no way to tell them apart. */
+test('a repeated title is numbered from the second one', () => {
+  const used = new Set();
+  assert.equal(uniqueTitle('Clock', used), 'Clock');
+  assert.equal(uniqueTitle('Clock', used), 'Clock 2');
+  assert.equal(uniqueTitle('Clock', used), 'Clock 3');
+});
+
+test('a title that is already distinct is left alone', () => {
+  const used = new Set();
+  assert.equal(uniqueTitle('Clock', used), 'Clock');
+  assert.equal(uniqueTitle('Weather', used), 'Weather');
+});
+
+/* The numbered form is itself a title someone can have typed. */
+test('a numbered title does not collide with a generated one', () => {
+  const used = new Set();
+  assert.equal(uniqueTitle('Clock', used), 'Clock');
+  assert.equal(uniqueTitle('Clock 2', used), 'Clock 2');
+  assert.equal(uniqueTitle('Clock', used), 'Clock 3');
+});
+
+test('both dashboard builders number their frames', () => {
+  for (const f of ['js/dashboard.js', 'js/ui.js']) {
+    assert.match(read(f), /uniqueTitle\(/, `${f} builds widget frames without numbering them`);
+  }
+});
diff --git a/ui/test/landmarks.test.mjs b/ui/test/landmarks.test.mjs
new file mode 100644
index 00000000..64e2734d
--- /dev/null
+++ b/ui/test/landmarks.test.mjs
@@ -0,0 +1,37 @@
+/* Landmarks are how a screen reader skips the furniture.
+
+   The settings page had two navigation landmarks and nothing else, so its whole
+   content sat outside any landmark and there was no way to jump past the
+   sidebar to it. The dashboard had the same gap around its pager. */
+
+import assert from 'node:assert/strict';
+import fs from 'node:fs';
+import path from 'node:path';
+import { test } from 'node:test';
+import { fileURLToPath } from 'node:url';
+
+const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const read = p => fs.readFileSync(path.join(root, p), 'utf8');
+const admin = read('admin/index.html');
+const dashboard = read('index.html');
+
+test('the settings content is a main landmark', () => {
+  assert.match(admin, /<main class="cp">/, 'the content pane is the page, and it has to be reachable as one');
+  assert.equal((admin.match(/<main[\s>]/g) || []).length, 1, 'a second main landmark makes neither one the content');
+});
+
+test('the settings sidebar is still a named navigation landmark', () => {
+  assert.match(admin, /<nav class="sb" aria-label="[^"]+">/);
+});
+
+test('the dashboard names its own regions', () => {
+  for (const [tag, id] of [
+    ['main', 'pages'],
+    ['nav', 'dots'],
+  ]) {
+    const el = new RegExp(`<${tag} id="${id}"([^>]*)>`).exec(dashboard);
+    assert.ok(el, `#${id} is missing, or is no longer a landmark`);
+    assert.match(el[1], /aria-label="[^"]+"/, `#${id} is a landmark with no name`);
+    assert.match(el[1], /data-i18n-al="[^"]+"/, `#${id} has a name the catalog never translates`);
+  }
+});
diff --git a/ui/test/offscreen-pages.test.mjs b/ui/test/offscreen-pages.test.mjs
new file mode 100644
index 00000000..b64b2a41
--- /dev/null
+++ b/ui/test/offscreen-pages.test.mjs
@@ -0,0 +1,59 @@
+/* A dashboard page that has scrolled off is still in the DOM.
+
+   Nothing took it out of the tab order, so Tab walked past the last tile of the
+   visible page onto tiles on pages two and three: focus left the screen, the
+   pager did not follow it, and there was no indicator to see because the
+   element was outside the viewport. A reader also read every page as one flat
+   list, which makes the pager meaningless.
+
+   `inert` covers both halves: it removes the subtree from the tab order and
+   from the accessibility tree. */
+
+import assert from 'node:assert/strict';
+import fs from 'node:fs';
+import path from 'node:path';
+import { test } from 'node:test';
+import { fileURLToPath } from 'node:url';
+
+const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const read = p => fs.readFileSync(path.join(root, p), 'utf8');
+const dashboard = read('js/dashboard.js');
+const ui = read('js/ui.js');
+
+test('the home pager marks every page but the current one inert', () => {
+  const fn = dashboard.slice(dashboard.indexOf('function syncPageInert'));
+  assert.ok(fn, 'syncPageInert is gone');
+  assert.match(fn, /removeAttribute\('inert'\)/);
+  assert.match(fn, /setAttribute\('inert', ''\)/);
+});
+
+/* Both layouts build into the same strip, so one call covers them. */
+test('the pager applies it on every page change', () => {
+  const goTo = dashboard.slice(dashboard.indexOf('function goTo('));
+  const call = goTo.indexOf('syncPageInert(pg)');
+  const move = goTo.indexOf('strip.style.transform');
+  assert.ok(call > -1, 'goTo moves the strip without updating what is reachable');
+  assert.ok(call < move, 'the pages have to be marked before the strip moves');
+});
+
+test('the folder overlay pages the same way', () => {
+  const fn = ui.slice(ui.indexOf('function gotoPage('), ui.indexOf('function gotoPage(') + 700);
+  assert.match(fn, /setAttribute\('inert', ''\)/, 'the overlay leaves its off-screen pages focusable');
+});
+
+/* An interior dot cannot be wider than the gap between it and its neighbour:
+   their hit areas meet. 2.5.8 asks for 24. */
+test('the pagination dots are 24 CSS px apart', () => {
+  const css = read('css/dashboard.css');
+  const dots = /#dots \{([\s\S]*?)\}/.exec(css);
+  assert.ok(dots, '#dots rule is missing');
+  const gap = /gap:(\d+)px/.exec(dots[1]);
+  assert.ok(gap, '#dots has no gap');
+  const size = /\.dot \{[\s\S]*?width:(\d+)px/.exec(css);
+  assert.ok(size, '.dot has no width');
+  const pitch = Number(gap[1]) + Number(size[1]);
+  assert.ok(
+    pitch >= 24,
+    `the dots sit ${pitch}px apart, so an interior target is ${pitch}px wide, under the 24 of 2.5.8`,
+  );
+});
diff --git a/ui/test/pagination.test.mjs b/ui/test/pagination.test.mjs
index bae443a9..d3de7771 100644
--- a/ui/test/pagination.test.mjs
+++ b/ui/test/pagination.test.mjs
@@ -69,12 +69,11 @@ test('changing page moves aria-current with the class', () => {
   assert.match(block, /removeAttribute\('aria-current'\)/);
 });
 
-test('the dots are grouped and the group is named', () => {
+test('the dots are a named landmark', () => {
   const html = read('index.html');
-  const dots = /<div id="dots"[^>]*>/.exec(html);
-  assert.ok(dots, 'the dots container is missing');
-  assert.match(dots[0], /role="group"/, 'otherwise it is a row of buttons with no context');
-  assert.match(dots[0], /aria-label="[^"]+"/);
+  const dots = /<nav id="dots"[^>]*>/.exec(html);
+  assert.ok(dots, 'the dots container is missing, or is no longer a landmark');
+  assert.match(dots[0], /aria-label="[^"]+"/, 'otherwise it is a row of buttons with no context');
   assert.match(dots[0], /data-i18n-al="home\.pagination"/, 'and the name must be translated');
 });
 
diff --git a/ui/test/widget-i18n.test.mjs b/ui/test/widget-i18n.test.mjs
index 0ea20e42..5cf1b6a9 100644
--- a/ui/test/widget-i18n.test.mjs
+++ b/ui/test/widget-i18n.test.mjs
@@ -148,3 +148,44 @@ test('the translations are not copies of the English', () => {
     assert.equal(same.length, 0, `${file} left ${same.join(', ')} in English`);
   }
 });
+
+/* ── names built on the server ────────────────────────────────────────────── */
+
+/* The pull request filter names were assembled into a finished English string
+   in data.js and sent to the page, which then showed them and put them in the
+   accessible name. The widget's own catalog already held all six translations
+   and never got to use them. The keys travel now, and the page names them. */
+
+test('the GitHub widget is sent filter keys, not English', () => {
+  const data = read('widgets/github/data.js');
+  assert.match(data, /filters: filterArr/, 'the server has to send the keys');
+  assert.doesNotMatch(data, /'review requested'/, 'a finished English name is being sent again');
+});
+
+test('the GitHub widget names its filters from its catalog', () => {
+  const page = read('widgets/github/pullrequests.html');
+  assert.match(page, /wt\('githubPrFilters\.opt\.' \+ f/, 'the page has to look the keys up');
+  assert.doesNotMatch(page, /data\.label/, 'the page is still reading the server-built name');
+});
+
+test('every locale can name every pull request filter', () => {
+  const dir = path.join(root, 'widgets', 'github', 'i18n');
+  for (const file of fs.readdirSync(dir).filter(f => f.endsWith('.json'))) {
+    const cat = JSON.parse(fs.readFileSync(path.join(dir, file), 'utf8'));
+    for (const f of ['created', 'assigned', 'mentioned', 'review-requested']) {
+      assert.ok(cat[`githubPrFilters.opt.${f}`], `${file} cannot name the ${f} filter`);
+    }
+  }
+});
+
+/* Both are read out beside an item's name, so an untranslated one reaches a
+   screen reader in English while the row beside it is translated. */
+test('every locale names the reorder buttons', () => {
+  for (const file of fs.readdirSync(path.join(root, 'i18n')).filter(f => f.endsWith('.json'))) {
+    const cat = JSON.parse(read(`i18n/${file}`));
+    for (const key of ['moveUp', 'moveDown']) {
+      assert.ok(cat.common?.[key], `${file} is missing common.${key}`);
+    }
+  }
+  assert.match(read('js/admin.js'), /t\(dir < 0 \? 'common\.moveUp' : 'common\.moveDown'\)/);
+});
diff --git a/ui/test/widget-live-regions.test.mjs b/ui/test/widget-live-regions.test.mjs
new file mode 100644
index 00000000..fce2ad75
--- /dev/null
+++ b/ui/test/widget-live-regions.test.mjs
@@ -0,0 +1,91 @@
+/* A widget must not narrate its own polling.
+
+   live-region.test.mjs states the rule for the dashboard: a live region says
+   what the user did, not everything that changes, which is why health polling
+   was deliberately left silent. Four widgets did the opposite. System Summary
+   restated the CPU, memory and disk figures every ten seconds, Weather and DNS
+   re-read their summaries on every poll, and Now Playing re-announced the
+   current track even when it had not changed.
+
+   None of it was information the user asked for, and all of it is still there
+   to be read by navigating to the widget. A reader was simply talked over.
+
+   So the regions that remain are listed here by name. A new one has to be
+   justified against the same rule rather than added by habit. */
+
+import assert from 'node:assert/strict';
+import fs from 'node:fs';
+import path from 'node:path';
+import { test } from 'node:test';
+import { fileURLToPath } from 'node:url';
+
+const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const dir = path.join(root, 'widgets');
+
+/* Every element allowed to interrupt, and what the user did to earn it. */
+const ALLOWED = new Map([
+  ['books/index.html#sr', 'the book under the pointer or the focus'],
+  ['nowplaying/index.html#sr', 'the track the user moved to with previous or next'],
+  ['disk-health/index.html#tip', 'the bay under the pointer or the focus'],
+]);
+
+function widgetDocs() {
+  const out = [];
+  for (const w of fs.readdirSync(dir)) {
+    const d = path.join(dir, w);
+    if (!fs.statSync(d).isDirectory()) continue;
+    for (const f of fs.readdirSync(d).filter(f => f.endsWith('.html'))) {
+      out.push([`${w}/${f}`, fs.readFileSync(path.join(d, f), 'utf8')]);
+    }
+  }
+  return out;
+}
+
+test('every widget live region is one the user asked for', () => {
+  const found = [];
+  for (const [name, src] of widgetDocs()) {
+    /* role="status" carries an implicit polite live region, so it counts. */
+    for (const m of src.matchAll(/<[^>]*(?:aria-live="(?:polite|assertive)"|role="status")[^>]*>/g)) {
+      const id = /id="([^"]+)"/.exec(m[0]);
+      found.push(`${name}#${id ? id[1] : '(no id)'}`);
+    }
+  }
+  const unexpected = found.filter(f => !ALLOWED.has(f));
+  assert.deepEqual(
+    unexpected,
+    [],
+    `These interrupt a screen reader. If the change is something the user did, add it to ALLOWED with the reason:\n  ${unexpected.join('\n  ')}`,
+  );
+});
+
+test('the regions that are allowed are still there', () => {
+  const docs = new Map(widgetDocs());
+  for (const [key, why] of ALLOWED) {
+    const [file, id] = key.split('#');
+    const src = docs.get(file);
+    assert.ok(src, `${file} is gone`);
+    const el = new RegExp(`<[^>]*id="${id}"[^>]*>`).exec(src);
+    assert.ok(el, `${key} is gone, and with it the announcement of ${why}`);
+    assert.match(el[0], /aria-live="polite"|role="status"/, `${key} no longer announces ${why}`);
+  }
+});
+
+/* The figures stay in the document so a reader still finds them by navigating
+   there. Dropping the element as well as the live region would take them away. */
+test('the summaries a reader navigates to are still written', () => {
+  const cases = [
+    ['system-summary/index.html', 'sr-sum'],
+    ['weather/index.html', 'sr'],
+    ['dns/index.html', 'sr'],
+  ];
+  const docs = new Map(widgetDocs());
+  for (const [file, id] of cases) {
+    const src = docs.get(file);
+    assert.match(src, new RegExp(`id="${id}"`), `${file} dropped #${id} instead of its live region`);
+    assert.match(
+      src,
+      new RegExp(`(getElementById\\('${id}'\\)|${id.replace('-', '')}|${id})`),
+      `${file} never writes #${id}`,
+    );
+  }
+});
diff --git a/ui/widgets/books/index.html b/ui/widgets/books/index.html
index 843c77c1..0b0815bb 100644
--- a/ui/widgets/books/index.html
+++ b/ui/widgets/books/index.html
@@ -19,8 +19,8 @@
     white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
   .head svg{width:13px;height:13px;color:#636366;flex:none}
 
-  .shelf{flex:1;position:relative;display:flex;align-items:flex-end;justify-content:center;
-    gap:2px;padding-bottom:9px;margin-top:6px;perspective:520px}
+  .shelf{flex:1;position:relative;padding-bottom:9px;margin-top:6px;perspective:520px}
+  .books{list-style:none;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}
   .empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
     color:#636366;font-size:11px}
 
@@ -45,15 +45,18 @@
   .ledge{position:absolute;left:0;right:0;bottom:0;height:7px;background:#4a3018}
   .ledge-top{position:absolute;left:0;right:0;bottom:7px;height:1.5px;background:#6b4a28}
 
-  .info{position:absolute;left:0;right:0;top:0;padding:9px 12px 10px;
-    background:linear-gradient(180deg,rgba(18,18,18,.97),rgba(18,18,18,.86));
-    border-bottom:.5px solid rgba(255,255,255,.06);
+  /* Inset to the card's own padding. At the edge it sat under the rounded
+     corner and read as part of the tile rather than a layer over it. */
+  .info{position:absolute;left:14px;right:14px;top:14px;padding:10px 12px 11px;border-radius:10px;
+    background:linear-gradient(180deg,rgba(18,18,18,.97),rgba(18,18,18,.90));
+    border:.5px solid rgba(255,255,255,.08);
+    box-shadow:0 6px 18px rgba(0,0,0,.34);
     opacity:0;transform:translateY(-4px);transition:opacity .16s,transform .16s;pointer-events:none}
   .info.show{opacity:1;transform:translateY(0)}
-  .info .t{font-size:11px;font-weight:600;color:#FFFFFF;line-height:1.25;
+  .info .t{font-size:13px;font-weight:600;color:#FFFFFF;line-height:1.25;
     display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
-  .info .a{font-size:10px;color:#8E8E93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
-  .info .p{font-size:9px;font-weight:600;letter-spacing:.03em;color:#0091FF;margin-top:3px}
+  .info .a{font-size:11px;color:#8E8E93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
+  .info .p{font-size:10px;font-weight:600;letter-spacing:.03em;color:#0091FF;margin-top:3px}
   .info .p.done{color:#30D158}.info .p.none{color:#8E8E93}
 
   .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@@ -72,7 +75,8 @@
       <path d="M6 4h12a1 1 0 0 1 1 1v15l-7-4-7 4V5a1 1 0 0 1 1-1z"/></svg>
   </div>
   <div class="shelf" id="shelf">
-    <div class="ledge-top"></div><div class="ledge"></div>
+    <ul class="books" id="books"></ul>
+    <div class="ledge-top" aria-hidden="true"></div><div class="ledge" aria-hidden="true"></div>
   </div>
   <div class="info" id="info" aria-hidden="true">
     <div class="t" id="i-t"></div><div class="a" id="i-a"></div><div class="p" id="i-p"></div>
@@ -91,6 +95,7 @@
   const SRC_LABEL={recently:'RECENTLY ADDED',unread:'ON DECK',list:'READING'};
 
   const card=document.getElementById('card'), shelf=document.getElementById('shelf'), lbl=document.getElementById('lbl');
+  const list=document.getElementById('books');
   const info=document.getElementById('info'), iT=document.getElementById('i-t'), iA=document.getElementById('i-a'), iP=document.getElementById('i-p'), sr=document.getElementById('sr');
   let href='';
 
@@ -111,12 +116,17 @@
   function hideInfo(){ info.classList.remove('show'); info.setAttribute('aria-hidden','true'); }
 
   function render(books){
-    shelf.querySelectorAll('.bk,.empty').forEach(n=>n.remove());
+    list.innerHTML='';
+    shelf.querySelectorAll('.empty').forEach(n=>n.remove());
+    /* Removing the bullets drops the list semantics in one engine, so the role
+       is declared even on a real list. It is set only while there are rows: an
+       empty list that declares the role reports as missing its children. */
+    list.removeAttribute('role');
     if(!books.length){ const e=document.createElement('div'); e.className='empty'; e.textContent=wt('ui.noBooks','No books'); shelf.appendChild(e); return; }
+    list.setAttribute('role','list');
     const tallestIdx=books.reduce((mi,b,i,a)=>(b._h>a[mi]._h?i:mi),0);
-    const ledgeTop=shelf.querySelector('.ledge-top');
     books.forEach((b,i)=>{
-      const el=document.createElement('div'); el.className='bk';
+      const el=document.createElement('li'); el.className='bk';
       el.style.width=b._w+'px'; el.style.height=b._h+'px'; el.style.background=b._color;
       const dark = lum(b._color) > 0.62;
       const sp=document.createElement('span'); sp.className='spine';
@@ -125,14 +135,14 @@
       if(i===tallestIdx){ const rb=document.createElement('div'); rb.className='ribbon'; el.appendChild(rb); }
       if(b._w>=17){ const d=document.createElement('div'); d.className='deco'; d.innerHTML='<span></span><span></span>'; el.appendChild(d); }
       el.appendChild(sp);
-      el.tabIndex=0; el.setAttribute('role','listitem');
+      el.tabIndex=0;
       const [ptxt]=progressText(b);
       el.setAttribute('aria-label',(b.title||wt('ui.untitled','Untitled'))+(b.author?' '+wt('ui.by','by')+' '+b.author:'')+', '+ptxt);
       const on=()=>{ el.classList.add('up'); showInfo(b); };
       const off=()=>{ el.classList.remove('up'); hideInfo(); };
       el.addEventListener('mouseenter',on); el.addEventListener('mouseleave',off);
       el.addEventListener('focus',on); el.addEventListener('blur',off);
-      shelf.insertBefore(el, ledgeTop);
+      list.appendChild(el);
     });
   }
 
diff --git a/ui/widgets/clock/digital.html b/ui/widgets/clock/digital.html
index cb43df29..e5395541 100644
--- a/ui/widgets/clock/digital.html
+++ b/ui/widgets/clock/digital.html
@@ -36,8 +36,8 @@
     white-space: nowrap; line-height: 1; flex-shrink: 0;
     padding-top: 2px;
   }
-  .mode-dark  .date-line { color: rgba(255,255,255,0.38); }
-  .mode-light .date-line { color: rgba(0,0,0,0.33); }
+  .mode-dark  .date-line { color: rgba(255,255,255,0.55); }
+  .mode-light .date-line { color: rgba(0,0,0,0.55); }
   @media (prefers-reduced-motion: reduce){ *{transition:none !important;animation:none !important} }
 </style>
 </head>
diff --git a/ui/widgets/connections/connections-map.html b/ui/widgets/connections/connections-map.html
index fddc14a3..b630dc66 100644
--- a/ui/widgets/connections/connections-map.html
+++ b/ui/widgets/connections/connections-map.html
@@ -167,7 +167,7 @@
       dot.style.backgroundColor=dotColor;
       dot.style.boxShadow='0 0 5px '+dotColor;
       it.append(dot,document.createTextNode(l.name));
-      it.setAttribute('aria-label', l.name+(clickable?' — open admin':''));
+      it.setAttribute('aria-label', l.name+(clickable?', '+wt('ui.openAdmin','open admin'):''));
       const emph=()=>{emphasis=l.role;it.style.background='rgba(255,255,255,.10)';legendEl.querySelectorAll('button').forEach(b=>{if(b!==it)b.style.opacity='.45';});kick();};
       const clear=()=>{emphasis=null;legendEl.querySelectorAll('button').forEach(b=>{b.style.background='none';b.style.opacity='1';});kick();};
       it.addEventListener('pointerenter',emph);
diff --git a/ui/widgets/connections/i18n/de.json b/ui/widgets/connections/i18n/de.json
index 206c50b7..5bda6445 100644
--- a/ui/widgets/connections/i18n/de.json
+++ b/ui/widgets/connections/i18n/de.json
@@ -68,5 +68,6 @@
   "ui.noData": "Keine Daten",
   "ui.worldMap": "Weltkarte der Verbindungen",
   "ui.service": "Dienst",
-  "ui.users": "Benutzer"
+  "ui.users": "Benutzer",
+  "ui.openAdmin": "Verwaltung öffnen"
 }
diff --git a/ui/widgets/connections/i18n/en.json b/ui/widgets/connections/i18n/en.json
index 1aecf6df..20c74fe1 100644
--- a/ui/widgets/connections/i18n/en.json
+++ b/ui/widgets/connections/i18n/en.json
@@ -68,5 +68,6 @@
   "ui.noData": "No data",
   "ui.worldMap": "World map of connections",
   "ui.service": "Service",
-  "ui.users": "Users"
+  "ui.users": "Users",
+  "ui.openAdmin": "open admin"
 }
diff --git a/ui/widgets/connections/i18n/es.json b/ui/widgets/connections/i18n/es.json
index ba3e2c41..9209ddc8 100644
--- a/ui/widgets/connections/i18n/es.json
+++ b/ui/widgets/connections/i18n/es.json
@@ -68,5 +68,6 @@
   "ui.noData": "Sin datos",
   "ui.worldMap": "Mapa mundial de conexiones",
   "ui.service": "Servicio",
-  "ui.users": "Usuarios"
+  "ui.users": "Usuarios",
+  "ui.openAdmin": "abrir administración"
 }
diff --git a/ui/widgets/connections/i18n/fa.json b/ui/widgets/connections/i18n/fa.json
index e6cd6e7f..738e15e3 100644
--- a/ui/widgets/connections/i18n/fa.json
+++ b/ui/widgets/connections/i18n/fa.json
@@ -68,5 +68,6 @@
   "ui.noData": "داده‌ای نیست",
   "ui.worldMap": "نقشهٔ جهانی اتصال‌ها",
   "ui.service": "سرویس",
-  "ui.users": "کاربران"
+  "ui.users": "کاربران",
+  "ui.openAdmin": "باز کردن مدیریت"
 }
diff --git a/ui/widgets/connections/i18n/fr.json b/ui/widgets/connections/i18n/fr.json
index adf3b0ba..4492afd2 100644
--- a/ui/widgets/connections/i18n/fr.json
+++ b/ui/widgets/connections/i18n/fr.json
@@ -68,5 +68,6 @@
   "ui.noData": "Aucune donnée",
   "ui.worldMap": "Carte mondiale des connexions",
   "ui.service": "Service",
-  "ui.users": "Utilisateurs"
+  "ui.users": "Utilisateurs",
+  "ui.openAdmin": "ouvrir l'administration"
 }
diff --git a/ui/widgets/connections/i18n/zh-Hans.json b/ui/widgets/connections/i18n/zh-Hans.json
index 7b0d6efd..1d79fdc3 100644
--- a/ui/widgets/connections/i18n/zh-Hans.json
+++ b/ui/widgets/connections/i18n/zh-Hans.json
@@ -68,5 +68,6 @@
   "ui.noData": "暂无数据",
   "ui.worldMap": "全球连接地图",
   "ui.service": "服务",
-  "ui.users": "用户"
+  "ui.users": "用户",
+  "ui.openAdmin": "打开管理"
 }
diff --git a/ui/widgets/dashboard-switch/i18n/de.json b/ui/widgets/dashboard-switch/i18n/de.json
index f0346a42..56fd3def 100644
--- a/ui/widgets/dashboard-switch/i18n/de.json
+++ b/ui/widgets/dashboard-switch/i18n/de.json
@@ -20,5 +20,6 @@
   "openIn.opt.same": "Gleichem Tab",
   "openIn.opt.new": "Neuem Tab",
   "ui.switcher": "Dashboard-Umschalter",
-  "ui.empty": "Fügen Sie in den Einstellungen ein Dashboard hinzu"
+  "ui.empty": "Fügen Sie in den Einstellungen ein Dashboard hinzu",
+  "ui.switchTo": "Zu {name} wechseln"
 }
diff --git a/ui/widgets/dashboard-switch/i18n/en.json b/ui/widgets/dashboard-switch/i18n/en.json
index 88c55bcd..c15e7fe5 100644
--- a/ui/widgets/dashboard-switch/i18n/en.json
+++ b/ui/widgets/dashboard-switch/i18n/en.json
@@ -20,5 +20,6 @@
   "openIn.opt.same": "Same tab",
   "openIn.opt.new": "New tab",
   "ui.switcher": "Dashboard switcher",
-  "ui.empty": "Add a dashboard in settings"
+  "ui.empty": "Add a dashboard in settings",
+  "ui.switchTo": "Switch to {name}"
 }
diff --git a/ui/widgets/dashboard-switch/i18n/es.json b/ui/widgets/dashboard-switch/i18n/es.json
index fda4e122..8970c0c7 100644
--- a/ui/widgets/dashboard-switch/i18n/es.json
+++ b/ui/widgets/dashboard-switch/i18n/es.json
@@ -20,5 +20,6 @@
   "openIn.opt.same": "La misma pestaña",
   "openIn.opt.new": "Una pestaña nueva",
   "ui.switcher": "Selector de paneles",
-  "ui.empty": "Añade un panel en los ajustes"
+  "ui.empty": "Añade un panel en los ajustes",
+  "ui.switchTo": "Cambiar a {name}"
 }
diff --git a/ui/widgets/dashboard-switch/i18n/fa.json b/ui/widgets/dashboard-switch/i18n/fa.json
index 0493aa4b..5bbd8c00 100644
--- a/ui/widgets/dashboard-switch/i18n/fa.json
+++ b/ui/widgets/dashboard-switch/i18n/fa.json
@@ -20,5 +20,6 @@
   "openIn.opt.same": "همین زبانه",
   "openIn.opt.new": "زبانهٔ جدید",
   "ui.switcher": "تعویض‌کنندهٔ داشبورد",
-  "ui.empty": "در تنظیمات یک داشبورد اضافه کنید"
+  "ui.empty": "در تنظیمات یک داشبورد اضافه کنید",
+  "ui.switchTo": "رفتن به {name}"
 }
diff --git a/ui/widgets/dashboard-switch/i18n/fr.json b/ui/widgets/dashboard-switch/i18n/fr.json
index 5d777445..6ed6e6c4 100644
--- a/ui/widgets/dashboard-switch/i18n/fr.json
+++ b/ui/widgets/dashboard-switch/i18n/fr.json
@@ -20,5 +20,6 @@
   "openIn.opt.same": "Le même onglet",
   "openIn.opt.new": "Un nouvel onglet",
   "ui.switcher": "Sélecteur de tableaux de bord",
-  "ui.empty": "Ajoutez un tableau de bord dans les réglages"
+  "ui.empty": "Ajoutez un tableau de bord dans les réglages",
+  "ui.switchTo": "Basculer vers {name}"
 }
diff --git a/ui/widgets/dashboard-switch/i18n/zh-Hans.json b/ui/widgets/dashboard-switch/i18n/zh-Hans.json
index 27e17cd7..bdd47b28 100644
--- a/ui/widgets/dashboard-switch/i18n/zh-Hans.json
+++ b/ui/widgets/dashboard-switch/i18n/zh-Hans.json
@@ -20,5 +20,6 @@
   "openIn.opt.same": "当前标签页",
   "openIn.opt.new": "新标签页",
   "ui.switcher": "面板切换器",
-  "ui.empty": "请在设置中添加一个面板"
+  "ui.empty": "请在设置中添加一个面板",
+  "ui.switchTo": "切换到 {name}"
 }
diff --git a/ui/widgets/dashboard-switch/index.html b/ui/widgets/dashboard-switch/index.html
index 8c358862..bb363b04 100644
--- a/ui/widgets/dashboard-switch/index.html
+++ b/ui/widgets/dashboard-switch/index.html
@@ -121,7 +121,7 @@
       const a = document.createElementNS(NS, 'a');
       a.setAttribute('class', s.isCurrent ? 'kc cur' : 'kc');
       a.setAttribute('tabindex', '0');
-      a.setAttribute('aria-label', `Switch to ${s.name}`);
+      a.setAttribute('aria-label', wt('ui.switchTo', 'Switch to {name}').replace('{name}', s.name));
       a.setAttributeNS(null, 'href', s.href);
       if (model.openIn === 'new') { a.setAttribute('target', '_blank'); a.setAttribute('rel', 'noopener noreferrer'); }
       else { a.setAttribute('target', '_top'); }
diff --git a/ui/widgets/disk-health/i18n/de.json b/ui/widgets/disk-health/i18n/de.json
index 76b9ab20..46df5a6a 100644
--- a/ui/widgets/disk-health/i18n/de.json
+++ b/ui/widgets/disk-health/i18n/de.json
@@ -21,5 +21,7 @@
   "ui.healthy": "In Ordnung",
   "ui.warning": "Warnung",
   "ui.failed": "Ausgefallen",
-  "ui.ageAlert": "Alterswarnung"
+  "ui.ageAlert": "Alterswarnung",
+  "ui.bay": "Schacht {n}",
+  "ui.bayEmpty": "Schacht {n}: leer"
 }
diff --git a/ui/widgets/disk-health/i18n/en.json b/ui/widgets/disk-health/i18n/en.json
index a7f77cf2..f7c05b4a 100644
--- a/ui/widgets/disk-health/i18n/en.json
+++ b/ui/widgets/disk-health/i18n/en.json
@@ -21,5 +21,7 @@
   "ui.healthy": "Healthy",
   "ui.warning": "Warning",
   "ui.failed": "Failed",
-  "ui.ageAlert": "Age Alert"
+  "ui.ageAlert": "Age Alert",
+  "ui.bay": "Bay {n}",
+  "ui.bayEmpty": "Bay {n}: empty"
 }
diff --git a/ui/widgets/disk-health/i18n/es.json b/ui/widgets/disk-health/i18n/es.json
index 111d54eb..87dddd94 100644
--- a/ui/widgets/disk-health/i18n/es.json
+++ b/ui/widgets/disk-health/i18n/es.json
@@ -21,5 +21,7 @@
   "ui.healthy": "Correcto",
   "ui.warning": "Aviso",
   "ui.failed": "Fallido",
-  "ui.ageAlert": "Aviso por antigüedad"
+  "ui.ageAlert": "Aviso por antigüedad",
+  "ui.bay": "Bahía {n}",
+  "ui.bayEmpty": "Bahía {n}: vacía"
 }
diff --git a/ui/widgets/disk-health/i18n/fa.json b/ui/widgets/disk-health/i18n/fa.json
index 171e4e58..80fd6ac1 100644
--- a/ui/widgets/disk-health/i18n/fa.json
+++ b/ui/widgets/disk-health/i18n/fa.json
@@ -21,5 +21,7 @@
   "ui.healthy": "سالم",
   "ui.warning": "هشدار",
   "ui.failed": "خراب",
-  "ui.ageAlert": "هشدار فرسودگی"
+  "ui.ageAlert": "هشدار فرسودگی",
+  "ui.bay": "جایگاه {n}",
+  "ui.bayEmpty": "جایگاه {n}: خالی"
 }
diff --git a/ui/widgets/disk-health/i18n/fr.json b/ui/widgets/disk-health/i18n/fr.json
index 374e8166..a86f900e 100644
--- a/ui/widgets/disk-health/i18n/fr.json
+++ b/ui/widgets/disk-health/i18n/fr.json
@@ -21,5 +21,7 @@
   "ui.healthy": "Bon état",
   "ui.warning": "Avertissement",
   "ui.failed": "En échec",
-  "ui.ageAlert": "Alerte de vieillissement"
+  "ui.ageAlert": "Alerte de vieillissement",
+  "ui.bay": "Baie {n}",
+  "ui.bayEmpty": "Baie {n} : vide"
 }
diff --git a/ui/widgets/disk-health/i18n/zh-Hans.json b/ui/widgets/disk-health/i18n/zh-Hans.json
index c46adf19..cdf8f323 100644
--- a/ui/widgets/disk-health/i18n/zh-Hans.json
+++ b/ui/widgets/disk-health/i18n/zh-Hans.json
@@ -21,5 +21,7 @@
   "ui.healthy": "健康",
   "ui.warning": "警告",
   "ui.failed": "故障",
-  "ui.ageAlert": "老化提醒"
+  "ui.ageAlert": "老化提醒",
+  "ui.bay": "硬盘位 {n}",
+  "ui.bayEmpty": "硬盘位 {n}：空"
 }
diff --git a/ui/widgets/disk-health/index.html b/ui/widgets/disk-health/index.html
index d2441bef..c31fc28c 100644
--- a/ui/widgets/disk-health/index.html
+++ b/ui/widgets/disk-health/index.html
@@ -274,13 +274,13 @@
       const cap = fmtCap(d.capacity);
       const st  = statusText(d.device_status ?? 0, d.hasSmart ?? false);
       bay.setAttribute('role','button'); bay.setAttribute('tabindex','0');
-      bay.setAttribute('aria-label', `Bay ${i+1}: ${shortName(d)}${cap ? ', '+cap : ''}${st ? ', '+st : ''}`);
+      bay.setAttribute('aria-label', `${wt('ui.bay','Bay {n}').replace('{n}', i+1)}: ${shortName(d)}${cap ? ', '+cap : ''}${st ? ', '+st : ''}`);
     } else {
       bay.classList.add('empty'); bay.classList.remove('assigned');
       dot.className = '';
       nm.textContent = '';
       bay.setAttribute('role','img'); bay.removeAttribute('tabindex');
-      bay.setAttribute('aria-label', `Bay ${i+1}: empty`);
+      bay.setAttribute('aria-label', wt('ui.bayEmpty','Bay {n}: empty').replace('{n}', i+1));
     }
   }
 }
diff --git a/ui/widgets/dns/index.html b/ui/widgets/dns/index.html
index 38ddc4cb..458e56d5 100644
--- a/ui/widgets/dns/index.html
+++ b/ui/widgets/dns/index.html
@@ -60,7 +60,7 @@
     <div class="tip" id="tip"></div>
     <div class="msg" id="msg" style="display:none"></div>
   </div>
-  <div class="sr-only" id="sr" role="status" aria-live="polite"></div>
+  <div class="sr-only" id="sr"></div>
 </div>
 
 <script type="module">
diff --git a/ui/widgets/github/contributions.html b/ui/widgets/github/contributions.html
index 8e1e57a0..850fe53d 100644
--- a/ui/widgets/github/contributions.html
+++ b/ui/widgets/github/contributions.html
@@ -110,7 +110,8 @@
   let total = 0;
   weeks.forEach(w => (w.contributionDays||[]).forEach(d => { total += (d.contributionCount||0); }));
   widget.setAttribute('role','img');
-  widget.setAttribute('aria-label', `GitHub contributions: ${total} in the last year`);
+  widget.setAttribute('aria-label',
+    wt('ui.contributionsAria', 'GitHub contributions: {total} in the last year').replace('{total}', total));
 
   const padded = [];
   for (let i = 0; i < COLS; i++) {
diff --git a/ui/widgets/github/data.js b/ui/widgets/github/data.js
index 660f9a81..d2cfbb93 100644
--- a/ui/widgets/github/data.js
+++ b/ui/widgets/github/data.js
@@ -76,14 +76,9 @@ async function pullRequests(ctx, token, username, config, fetchJSON) {
     return { number: pr.number, title: pr.title, repo: m ? m[1] : '—', url: pr.html_url };
   });
 
-  const labelMap = {
-    created: 'created',
-    assigned: 'assigned',
-    mentioned: 'mentioned',
-    'review-requested': 'review requested',
-  };
-  const label = filterArr.map(f => labelMap[f] || f).join(', ');
   const allUrl = `https://github.com/pulls?q=${encodeURIComponent(`is:open is:pr ${qualifier}`)}`;
 
-  return { view: 'prs', totalCount: r.data?.total_count ?? items.length, label, allUrl, items };
+  /* The filters travel as keys. Naming them here would send English to a page
+     that already holds the translation. */
+  return { view: 'prs', totalCount: r.data?.total_count ?? items.length, filters: filterArr, allUrl, items };
 }
diff --git a/ui/widgets/github/i18n/de.json b/ui/widgets/github/i18n/de.json
index 274093a4..a6a0ac16 100644
--- a/ui/widgets/github/i18n/de.json
+++ b/ui/widgets/github/i18n/de.json
@@ -22,5 +22,7 @@
   "ui.notConfigured": "Nicht konfiguriert",
   "ui.badToken": "Ungültiger Token",
   "ui.error": "Fehler",
-  "ui.noPrs": "Keine Pull Requests"
+  "ui.noPrs": "Keine Pull Requests",
+  "ui.contributionsAria": "GitHub-Beiträge: {total} im letzten Jahr",
+  "ui.viewAll": "alle anzeigen"
 }
diff --git a/ui/widgets/github/i18n/en.json b/ui/widgets/github/i18n/en.json
index bce4fc32..4b9a561a 100644
--- a/ui/widgets/github/i18n/en.json
+++ b/ui/widgets/github/i18n/en.json
@@ -22,5 +22,7 @@
   "ui.notConfigured": "Not configured",
   "ui.badToken": "Bad token",
   "ui.error": "Error",
-  "ui.noPrs": "No pull requests"
+  "ui.noPrs": "No pull requests",
+  "ui.contributionsAria": "GitHub contributions: {total} in the last year",
+  "ui.viewAll": "view all"
 }
diff --git a/ui/widgets/github/i18n/es.json b/ui/widgets/github/i18n/es.json
index 5d9ea8c9..0a48149d 100644
--- a/ui/widgets/github/i18n/es.json
+++ b/ui/widgets/github/i18n/es.json
@@ -22,5 +22,7 @@
   "ui.notConfigured": "Sin configurar",
   "ui.badToken": "Token no válido",
   "ui.error": "Error",
-  "ui.noPrs": "No hay pull requests"
+  "ui.noPrs": "No hay pull requests",
+  "ui.contributionsAria": "Contribuciones de GitHub: {total} en el último año",
+  "ui.viewAll": "ver todo"
 }
diff --git a/ui/widgets/github/i18n/fa.json b/ui/widgets/github/i18n/fa.json
index 7e2d8928..9d7a0b78 100644
--- a/ui/widgets/github/i18n/fa.json
+++ b/ui/widgets/github/i18n/fa.json
@@ -22,5 +22,7 @@
   "ui.notConfigured": "پیکربندی نشده",
   "ui.badToken": "توکن نامعتبر",
   "ui.error": "خطا",
-  "ui.noPrs": "درخواست ادغامی نیست"
+  "ui.noPrs": "درخواست ادغامی نیست",
+  "ui.contributionsAria": "مشارکت‌های گیت‌هاب: {total} در سال گذشته",
+  "ui.viewAll": "مشاهده همه"
 }
diff --git a/ui/widgets/github/i18n/fr.json b/ui/widgets/github/i18n/fr.json
index 1f91b6d9..aa99fdd0 100644
--- a/ui/widgets/github/i18n/fr.json
+++ b/ui/widgets/github/i18n/fr.json
@@ -22,5 +22,7 @@
   "ui.notConfigured": "Non configuré",
   "ui.badToken": "Jeton invalide",
   "ui.error": "Erreur",
-  "ui.noPrs": "Aucune pull request"
+  "ui.noPrs": "Aucune pull request",
+  "ui.contributionsAria": "Contributions GitHub : {total} sur la dernière année",
+  "ui.viewAll": "tout afficher"
 }
diff --git a/ui/widgets/github/i18n/zh-Hans.json b/ui/widgets/github/i18n/zh-Hans.json
index 085ae437..c348cff3 100644
--- a/ui/widgets/github/i18n/zh-Hans.json
+++ b/ui/widgets/github/i18n/zh-Hans.json
@@ -22,5 +22,7 @@
   "ui.notConfigured": "尚未配置",
   "ui.badToken": "令牌无效",
   "ui.error": "错误",
-  "ui.noPrs": "没有拉取请求"
+  "ui.noPrs": "没有拉取请求",
+  "ui.contributionsAria": "GitHub 贡献：过去一年 {total} 次",
+  "ui.viewAll": "查看全部"
 }
diff --git a/ui/widgets/github/pullrequests.html b/ui/widgets/github/pullrequests.html
index 34e25b5f..81a708f0 100644
--- a/ui/widgets/github/pullrequests.html
+++ b/ui/widgets/github/pullrequests.html
@@ -180,7 +180,9 @@
 function render(data) {
   /* data: { totalCount, label, items:[{number,title,repo,url}] } */
   const total = data.totalCount ?? 0;
-  const label = data.label     || 'created';
+  const FILTER_FALLBACK = { created:'Created', assigned:'Assigned', mentioned:'Mentioned', 'review-requested':'Review requested' };
+  const filters = Array.isArray(data.filters) && data.filters.length ? data.filters : ['created'];
+  const label = filters.map(f => wt('githubPrFilters.opt.' + f, FILTER_FALLBACK[f] || f)).join(', ');
   const items = data.items     || [];
 
   /* Remove any existing error message */
@@ -195,7 +197,7 @@
     if (body && data.allUrl) {
       body.style.cursor = 'pointer';
       body.setAttribute('role','link'); body.setAttribute('tabindex','0');
-      body.setAttribute('aria-label', `${total} pull requests ${label} — view all`);
+      body.setAttribute('aria-label', `${total} ${label}, ${wt('ui.viewAll','view all')}`);
       const go = () => openUrl(data.allUrl);
       body.onclick = go;
       body.onkeydown = e => { if (e.key==='Enter'||e.key===' ') { e.preventDefault(); go(); } };
@@ -212,7 +214,7 @@
   if (hdr && data.allUrl) {
     hdr.style.cursor = 'pointer';
     hdr.setAttribute('role','link'); hdr.setAttribute('tabindex','0');
-    hdr.setAttribute('aria-label', `${total} pull requests ${label} — view all`);
+    hdr.setAttribute('aria-label', `${total} ${label}, ${wt('ui.viewAll','view all')}`);
     const go = () => openUrl(data.allUrl);
     hdr.onclick = go;
     hdr.onkeydown = e => { if (e.key==='Enter'||e.key===' ') { e.preventDefault(); go(); } };
diff --git a/ui/widgets/nowplaying/i18n/de.json b/ui/widgets/nowplaying/i18n/de.json
index b863a702..7cce720b 100644
--- a/ui/widgets/nowplaying/i18n/de.json
+++ b/ui/widgets/nowplaying/i18n/de.json
@@ -26,5 +26,6 @@
   "ui.onPlayer": "auf",
   "ui.paused": "pausiert",
   "ui.previous": "Vorheriges Element",
-  "ui.next": "Nächstes Element"
+  "ui.next": "Nächstes Element",
+  "ui.activateToOpen": "Aktivieren, um den Link zu öffnen."
 }
diff --git a/ui/widgets/nowplaying/i18n/en.json b/ui/widgets/nowplaying/i18n/en.json
index a283da01..0d94dc13 100644
--- a/ui/widgets/nowplaying/i18n/en.json
+++ b/ui/widgets/nowplaying/i18n/en.json
@@ -26,5 +26,6 @@
   "ui.onPlayer": "on",
   "ui.paused": "paused",
   "ui.previous": "Previous item",
-  "ui.next": "Next item"
+  "ui.next": "Next item",
+  "ui.activateToOpen": "Activate to open link."
 }
diff --git a/ui/widgets/nowplaying/i18n/es.json b/ui/widgets/nowplaying/i18n/es.json
index 40ea42aa..f64a8bd5 100644
--- a/ui/widgets/nowplaying/i18n/es.json
+++ b/ui/widgets/nowplaying/i18n/es.json
@@ -26,5 +26,6 @@
   "ui.onPlayer": "en",
   "ui.paused": "en pausa",
   "ui.previous": "Elemento anterior",
-  "ui.next": "Elemento siguiente"
+  "ui.next": "Elemento siguiente",
+  "ui.activateToOpen": "Actívalo para abrir el enlace."
 }
diff --git a/ui/widgets/nowplaying/i18n/fa.json b/ui/widgets/nowplaying/i18n/fa.json
index 23cc7821..b5274862 100644
--- a/ui/widgets/nowplaying/i18n/fa.json
+++ b/ui/widgets/nowplaying/i18n/fa.json
@@ -26,5 +26,6 @@
   "ui.onPlayer": "روی",
   "ui.paused": "مکث",
   "ui.previous": "مورد قبلی",
-  "ui.next": "مورد بعدی"
+  "ui.next": "مورد بعدی",
+  "ui.activateToOpen": "برای باز کردن پیوند فعال کنید."
 }
diff --git a/ui/widgets/nowplaying/i18n/fr.json b/ui/widgets/nowplaying/i18n/fr.json
index 036ee603..5290d255 100644
--- a/ui/widgets/nowplaying/i18n/fr.json
+++ b/ui/widgets/nowplaying/i18n/fr.json
@@ -26,5 +26,6 @@
   "ui.onPlayer": "sur",
   "ui.paused": "en pause",
   "ui.previous": "Élément précédent",
-  "ui.next": "Élément suivant"
+  "ui.next": "Élément suivant",
+  "ui.activateToOpen": "Activer pour ouvrir le lien."
 }
diff --git a/ui/widgets/nowplaying/i18n/zh-Hans.json b/ui/widgets/nowplaying/i18n/zh-Hans.json
index 9a1c250c..08d82e8e 100644
--- a/ui/widgets/nowplaying/i18n/zh-Hans.json
+++ b/ui/widgets/nowplaying/i18n/zh-Hans.json
@@ -26,5 +26,6 @@
   "ui.onPlayer": "于",
   "ui.paused": "已暂停",
   "ui.previous": "上一项",
-  "ui.next": "下一项"
+  "ui.next": "下一项",
+  "ui.activateToOpen": "激活以打开链接。"
 }
diff --git a/ui/widgets/nowplaying/index.html b/ui/widgets/nowplaying/index.html
index 1c3a6251..a7d4da4f 100644
--- a/ui/widgets/nowplaying/index.html
+++ b/ui/widgets/nowplaying/index.html
@@ -86,7 +86,7 @@
     <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M3 11.1h12.8l-4.1-4.1 1.2-1.2L19 12l-6.1 6.2-1.2-1.2 4.1-4.1H3z"/></svg>
   </button>
   <div class="stage" id="stage">
-    <div class="sticker" id="sticker" aria-live="polite">
+    <div class="sticker" id="sticker">
       <div class="title" id="title">Nothing playing</div>
       <div class="sub" id="sub"></div>
       <div class="player" id="player"></div>
@@ -172,7 +172,7 @@
     let ly=-8+d/2-6; if(ly>50)ly=50; if(ly<18)ly=18;
     strandEl.setAttribute('d', `M142 19 L74 ${(ly-3).toFixed(1)} L74 ${(ly+3).toFixed(1)} L142 25 Z`);
     const label=describe(s);
-    wEl.setAttribute('aria-label', href? label+'. Activate to open link.' : label);
+    wEl.setAttribute('aria-label', href? label+'. '+wt('ui.activateToOpen','Activate to open link.') : label);
     if(announce) srEl.textContent=label;
     const many=sessions.length>1;
     prevB.disabled=!many; nextB.disabled=!many;
diff --git a/ui/widgets/system-summary/index.html b/ui/widgets/system-summary/index.html
index 5e339903..b22c4f4f 100644
--- a/ui/widgets/system-summary/index.html
+++ b/ui/widgets/system-summary/index.html
@@ -82,7 +82,7 @@
 </style>
 </head>
 <body>
-<p id="sr-sum" aria-live="polite" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;"></p>
+<p id="sr-sum" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;"></p>
 <!-- dir="ltr", not inherited from the page. This widget is percentages, byte
      counts and sparklines: content with its own direction. Mirroring it runs
      the sparklines' time axis right to left. -->
diff --git a/ui/widgets/weather/index.html b/ui/widgets/weather/index.html
index 48117c87..466bda0f 100644
--- a/ui/widgets/weather/index.html
+++ b/ui/widgets/weather/index.html
@@ -36,7 +36,7 @@
     <div class="temp" id="temp">--&deg;</div>
   </div>
   <div class="msg" id="msg" style="display:none"></div>
-  <div class="sr-only" id="sr" role="status" aria-live="polite"></div>
+  <div class="sr-only" id="sr"></div>
 </div>
 <script type="module">
 import { poll, openUrl, loadStrings, wt } from '/js/widget-toolbox.js?v=3d21db7d';