diff --git a/templates/dashboard.html b/templates/dashboard.html
index c4ed7ae..04c33c8 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
     <title>QuadletManager Setup</title>
     <script>
@@ -35,7 +35,7 @@
     </style>
 </head>
 <body>
-    <nav class="top-nav">
+    <nav class="top-nav" aria-label="Main">
         <div class="nav-brand pl-4">QM</div>
         <div class="nav-tabs">
             <button class="nav-item active" onclick="switchTab('overview')">Overview</button>
@@ -94,11 +94,11 @@ <h2 class="panel-title">Overview</h2>
       <h2 class="panel-title">Monitor</h2>
       <div class="server-selector">
         <span id="sync-cycle-indicator" class="sync-cycle-indicator" hidden></span>
-        <select id="monitoring-server-select" class="form-control" onchange="selectMonitoringServer(this.value)">
+        <select id="monitoring-server-select" class="form-control" aria-label="Monitoring server" onchange="selectMonitoringServer(this.value)">
           <option value="">Select a server...</option>
         </select>
         <span class="monitor-filter-group">
-          <input type="search" id="monitor-container-filter" class="form-control monitor-filter-input" placeholder="Filter containers…" oninput="applyContainerFilter(this.value)">
+          <input type="search" id="monitor-container-filter" class="form-control monitor-filter-input" aria-label="Filter containers" placeholder="Filter containers…" oninput="applyContainerFilter(this.value)">
           <span id="monitor-filter-count" class="monitor-filter-count" aria-live="polite" hidden></span>
         </span>
       </div>
@@ -178,7 +178,7 @@ <h2 class="panel-title">Settings</h2>
     <div class="settings-layout">
 
       <!-- Inner navigation sidebar -->
-      <nav class="settings-sidenav">
+      <nav class="settings-sidenav" aria-label="Settings sections">
         <span class="settings-sidenav-label">Configuration</span>
         <button class="settings-sidenav-item active" data-section="servers" aria-current="true" onclick="showSettingsSection('servers')">
           <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="5" rx="1"/><rect x="2" y="10" width="20" height="5" rx="1"/><rect x="2" y="17" width="20" height="5" rx="1"/><circle cx="18" cy="5.5" r="1" fill="currentColor" stroke="none"/><circle cx="18" cy="12.5" r="1" fill="currentColor" stroke="none"/><circle cx="18" cy="19.5" r="1" fill="currentColor" stroke="none"/></svg>
@@ -235,28 +235,28 @@ <h3 class="section-title mb-4">Add Server</h3>
                   hx-swap="innerHTML"
                   hx-on::after-request="if(event.detail.successful) this.reset()">
               <div class="form-row">
-                <label class="form-label">Name</label>
-                <input type="text" name="name" class="form-control" required placeholder="my-server">
+                <label class="form-label" for="add-server-name">Name</label>
+                <input type="text" name="name" id="add-server-name" class="form-control" required placeholder="my-server">
               </div>
               <div class="form-row">
-                <label class="form-label">IP Address</label>
-                <input type="text" name="ip_address" class="form-control" required placeholder="192.168.1.100">
+                <label class="form-label" for="add-server-ip-address">IP Address</label>
+                <input type="text" name="ip_address" id="add-server-ip-address" class="form-control" required placeholder="192.168.1.100">
               </div>
               <div class="form-row">
-                <label class="form-label">SSH User</label>
-                <input type="text" name="ssh_user" class="form-control" required placeholder="ubuntu">
+                <label class="form-label" for="add-server-ssh-user">SSH User</label>
+                <input type="text" name="ssh_user" id="add-server-ssh-user" class="form-control" required placeholder="ubuntu">
               </div>
               <div class="form-row">
-                <label class="form-label">SSH Key</label>
-                <select name="ssh_key_id" class="form-control" required
+                <label class="form-label" for="add-server-ssh-key">SSH Key</label>
+                <select name="ssh_key_id" id="add-server-ssh-key" class="form-control" required
                         hx-get="/api/keys/options" hx-trigger="load, key-added from:body"
                         hx-target="this" hx-swap="innerHTML">
                   <option value="">Loading keys...</option>
                 </select>
               </div>
               <div class="form-row">
-                <label class="form-label">Scope Filter</label>
-                <select name="scope_filter" class="form-control">
+                <label class="form-label" for="add-server-scope-filter">Scope Filter</label>
+                <select name="scope_filter" id="add-server-scope-filter" class="form-control">
                   <option value="both">Both (user + global)</option>
                   <option value="user">User only (~/.config/containers/systemd)</option>
                   <option value="global">Global only (/etc/containers/systemd)</option>
@@ -287,17 +287,17 @@ <h3 class="section-title mb-4">Add SSH Key</h3>
                   hx-on::after-request="if(event.detail.successful) this.reset()"
                   enctype="multipart/form-data">
               <div class="form-row">
-                <label class="form-label">Key Name</label>
-                <input type="text" name="key_name" class="form-control" required placeholder="deploy-key">
+                <label class="form-label" for="add-key-name">Key Name</label>
+                <input type="text" name="key_name" id="add-key-name" class="form-control" required placeholder="deploy-key">
               </div>
               <div class="form-row">
-                <label class="form-label">Private Key (paste)</label>
-                <textarea name="private_key" class="form-control" rows="6"
+                <label class="form-label" for="add-key-private-key">Private Key (paste)</label>
+                <textarea name="private_key" id="add-key-private-key" class="form-control" rows="6"
                           placeholder="-----BEGIN OPENSSH PRIVATE KEY-----&#10;...&#10;-----END OPENSSH PRIVATE KEY-----"></textarea>
               </div>
               <div class="form-row">
-                <label class="form-label">Or upload key file</label>
-                <input type="file" name="key_file" class="form-control">
+                <label class="form-label" for="add-key-file">Or upload key file</label>
+                <input type="file" name="key_file" id="add-key-file" class="form-control">
               </div>
               <button type="submit" class="btn btn-primary mt-2">Add Key</button>
             </form>
@@ -323,23 +323,23 @@ <h3 class="section-title mb-4">Add User</h3>
                   hx-swap="innerHTML"
                   hx-on::after-request="if(event.detail.successful) this.reset()">
               <div class="form-row">
-                <label class="form-label">Username</label>
-                <input type="text" name="username" class="form-control" required placeholder="jane">
+                <label class="form-label" for="add-user-username">Username</label>
+                <input type="text" name="username" id="add-user-username" class="form-control" required placeholder="jane">
               </div>
               <div class="form-row">
-                <label class="form-label">Password</label>
-                <input type="password" name="password" class="form-control" required placeholder="Enter password">
+                <label class="form-label" for="add-user-password">Password</label>
+                <input type="password" name="password" id="add-user-password" class="form-control" required placeholder="Enter password">
               </div>
               <div class="form-row">
-                <label class="form-label">Role</label>
-                <select name="user_role" class="form-control" required>
+                <label class="form-label" for="add-user-role">Role</label>
+                <select name="user_role" id="add-user-role" class="form-control" required>
                   <option value="viewer">viewer</option>
                   <option value="editor">editor</option>
                 </select>
               </div>
               <div class="form-row" style="align-items:center; gap:0.5rem;">
-                <label class="form-label" style="margin-bottom:0;">Admin</label>
-                <input type="checkbox" name="new_is_admin" value="true">
+                <label class="form-label" style="margin-bottom:0;" for="add-user-admin">Admin</label>
+                <input type="checkbox" name="new_is_admin" id="add-user-admin" value="true">
               </div>
               <button type="submit" class="btn btn-primary mt-2">Add User</button>
             </form>
@@ -361,8 +361,8 @@ <h3 class="section-title mb-4">Theme Customization</h3>
           <div class="settings-section" id="density-section">
             <h3 class="section-title mb-4">UI Density</h3>
             <div class="form-row mode-pref-row">
-              <label class="form-label">Layout spacing</label>
-              <div class="radio-group" id="density-radio-group">
+              <span class="form-label" id="density-group-label">Layout spacing</span>
+              <div class="radio-group" id="density-radio-group" role="radiogroup" aria-labelledby="density-group-label">
                 <label class="radio-label">
                   <input type="radio" name="ui_density" value="relaxed"
                          onchange="toggleDensity('relaxed')"
@@ -379,8 +379,8 @@ <h3 class="section-title mb-4">UI Density</h3>
           <div class="settings-section" id="editor-theme-section">
             <h3 class="section-title mb-4">Editor Theme</h3>
             <div class="form-row mode-pref-row">
-              <label class="form-label">Editor color theme</label>
-              <div class="radio-group" id="editor-theme-radio-group">
+              <span class="form-label" id="editor-theme-group-label">Editor color theme</span>
+              <div class="radio-group" id="editor-theme-radio-group" role="radiogroup" aria-labelledby="editor-theme-group-label">
                 <label class="radio-label">
                   <input type="radio" name="editor_theme" value="follow"
                          onchange="toggleEditorTheme('follow')"
@@ -435,7 +435,7 @@ <h2 class="panel-title">Editor</h2>
                 <input type="hidden" name="file_path" id="hidden-file-path">
                 <input type="hidden" name="scope" id="hidden-scope">
                 <input type="hidden" name="unit_name" id="hidden-unit-name">
-                <textarea name="content" id="hidden-content"></textarea>
+                <textarea name="content" id="hidden-content" aria-label="Quadlet file content"></textarea>
             </form>
             <div id="editor-container">
                 # Select a file from the navigator...
@@ -500,7 +500,7 @@ <h3 class="section-title">Activity</h3>
                 </select>
               </div>
               <div id="terminal-custom-cmd-row" class="terminal-custom-cmd-row hidden">
-                <input type="text" id="terminal-custom-cmd-input" class="form-control" placeholder="e.g., /bin/sh, zsh, python">
+                <input type="text" id="terminal-custom-cmd-input" class="form-control" aria-label="Custom command" placeholder="e.g., /bin/sh, zsh, python">
               </div>
               <button id="terminal-connect-btn" class="btn btn-primary btn-sm" onclick="connectTerminal()">Connect</button>
             </div>
diff --git a/templates/partials/editor_pane.html b/templates/partials/editor_pane.html
index 7657567..757b3b6 100644
--- a/templates/partials/editor_pane.html
+++ b/templates/partials/editor_pane.html
@@ -21,7 +21,7 @@ <h2 class="panel-title">Editor: {{ name }}</h2>
         <input type="hidden" name="file_path" value="{{ path }}">
         <input type="hidden" name="scope" value="{{ scope }}">
         <input type="hidden" name="unit_name" value="{{ unit_name }}">
-        <textarea name="content" id="hidden-content"></textarea>
+        <textarea name="content" id="hidden-content" aria-label="Quadlet file content"></textarea>
     </form>
     <div id="editor-container"></div>
     <div id="validation-results" hidden></div>
diff --git a/templates/partials/modal_new.html b/templates/partials/modal_new.html
index ae990d7..40607ae 100644
--- a/templates/partials/modal_new.html
+++ b/templates/partials/modal_new.html
@@ -3,23 +3,23 @@
         <h2 class="panel-title mb-4">Create New Quadlet</h2>
         <form hx-post="/api/create" hx-target="#status-toast" hx-swap="innerHTML" hx-on::after-request="document.getElementById('new-modal')?.remove()">
             <div class="form-group">
-                <label class="form-label">Target Server</label>
-                <select name="server_id" class="form-control">
+                <label class="form-label" for="new-quadlet-server">Target Server</label>
+                <select name="server_id" id="new-quadlet-server" class="form-control">
                     {% for s in servers %}
                     <option value="{{ s[0] }}" {% if s[0] == preselected_server_id %}selected{% endif %}>{{ s[1] }}</option>
                     {% endfor %}
                 </select>
             </div>
             <div class="form-group">
-                <label class="form-label">Scope</label>
-                <select name="scope" class="form-control">
+                <label class="form-label" for="new-quadlet-scope">Scope</label>
+                <select name="scope" id="new-quadlet-scope" class="form-control">
                     <option value="user">User (~/.config/containers/systemd)</option>
                     <option value="global">Global (/etc/containers/systemd)</option>
                 </select>
             </div>
             <div class="form-group">
-                <label class="form-label">Quadlet Type</label>
-                <select name="type" class="form-control">
+                <label class="form-label" for="new-quadlet-type">Quadlet Type</label>
+                <select name="type" id="new-quadlet-type" class="form-control">
                     <option value="container">.container</option>
                     <option value="volume">.volume</option>
                     <option value="network">.network</option>
@@ -27,8 +27,8 @@ <h2 class="panel-title mb-4">Create New Quadlet</h2>
                 </select>
             </div>
             <div class="form-group">
-                <label class="form-label">Name (without extension)</label>
-                <input type="text" name="name" class="form-control" required placeholder="e.g. webserver">
+                <label class="form-label" for="new-quadlet-name">Name (without extension)</label>
+                <input type="text" name="name" id="new-quadlet-name" class="form-control" required placeholder="e.g. webserver">
             </div>
             
             <div class="flex justify-end space-x-2 mt-6">
diff --git a/templates/partials/settings_admin.html b/templates/partials/settings_admin.html
index 8c02327..26fe0fd 100644
--- a/templates/partials/settings_admin.html
+++ b/templates/partials/settings_admin.html
@@ -1,7 +1,7 @@
 <div id="admin-root">
   <div class="form-row">
-    <label class="form-label">Session duration</label>
-    <select class="form-control" name="session_duration_seconds"
+    <label class="form-label" for="admin-session-duration">Session duration</label>
+    <select class="form-control" name="session_duration_seconds" id="admin-session-duration"
             hx-put="/api/settings/session-duration"
             hx-target="#admin-root"
             hx-swap="outerHTML"
@@ -12,8 +12,8 @@
     </select>
   </div>
   <div class="form-row">
-    <label class="form-label">Log level</label>
-    <select class="form-control" name="log_level"
+    <label class="form-label" for="admin-log-level">Log level</label>
+    <select class="form-control" name="log_level" id="admin-log-level"
             hx-put="/api/settings/log-level"
             hx-target="#admin-root"
             hx-swap="outerHTML"
diff --git a/templates/partials/settings_servers.html b/templates/partials/settings_servers.html
index 1f8e717..b89bae9 100644
--- a/templates/partials/settings_servers.html
+++ b/templates/partials/settings_servers.html
@@ -46,20 +46,20 @@
               hx-swap="innerHTML"
               style="display:flex; gap:0.5rem; align-items:flex-end; flex-wrap:wrap; padding:0.5rem 0;">
           <div>
-            <label class="form-label" style="font-size:0.75rem">Name</label>
-            <input type="text" name="name" class="form-control" value="{{ s[1] }}" required>
+            <label class="form-label" style="font-size:0.75rem" for="server-edit-name-{{ s[0] }}">Name</label>
+            <input type="text" name="name" id="server-edit-name-{{ s[0] }}" class="form-control" value="{{ s[1] }}" required>
           </div>
           <div>
-            <label class="form-label" style="font-size:0.75rem">IP Address</label>
-            <input type="text" name="ip_address" class="form-control" value="{{ s[2] }}" required>
+            <label class="form-label" style="font-size:0.75rem" for="server-edit-ip-address-{{ s[0] }}">IP Address</label>
+            <input type="text" name="ip_address" id="server-edit-ip-address-{{ s[0] }}" class="form-control" value="{{ s[2] }}" required>
           </div>
           <div>
-            <label class="form-label" style="font-size:0.75rem">SSH User</label>
-            <input type="text" name="ssh_user" class="form-control" value="{{ s[3] }}" required>
+            <label class="form-label" style="font-size:0.75rem" for="server-edit-ssh-user-{{ s[0] }}">SSH User</label>
+            <input type="text" name="ssh_user" id="server-edit-ssh-user-{{ s[0] }}" class="form-control" value="{{ s[3] }}" required>
           </div>
           <div>
-            <label class="form-label" style="font-size:0.75rem">Scope Filter</label>
-            <select name="scope_filter" class="form-control">
+            <label class="form-label" style="font-size:0.75rem" for="server-edit-scope-filter-{{ s[0] }}">Scope Filter</label>
+            <select name="scope_filter" id="server-edit-scope-filter-{{ s[0] }}" class="form-control">
               <option value="both" {% if (s[5] or 'both') == 'both' %}selected{% endif %}>Both</option>
               <option value="user" {% if s[5] == 'user' %}selected{% endif %}>User only</option>
               <option value="global" {% if s[5] == 'global' %}selected{% endif %}>Global only</option>
diff --git a/templates/partials/settings_themes.html b/templates/partials/settings_themes.html
index 434c3e8..2362bc3 100644
--- a/templates/partials/settings_themes.html
+++ b/templates/partials/settings_themes.html
@@ -41,12 +41,12 @@ <h4 class="subsection-title">New Theme</h4>
           hx-swap="outerHTML"
           hx-on::after-request="if(event.detail.successful) this.reset()">
       <div class="form-row">
-        <label class="form-label">Name</label>
-        <input type="text" name="theme_name" class="form-control" required placeholder="ocean">
+        <label class="form-label" for="new-theme-name">Name</label>
+        <input type="text" name="theme_name" id="new-theme-name" class="form-control" required placeholder="ocean">
       </div>
       <div class="form-row">
-        <label class="form-label">Copy from</label>
-        <select name="copy_from" class="form-control">
+        <label class="form-label" for="new-theme-copy-from">Copy from</label>
+        <select name="copy_from" id="new-theme-copy-from" class="form-control">
           <option value="">Defaults</option>
           {% for t in themes %}
           <option value="{{ t.id }}">{{ t.name }}</option>
@@ -63,8 +63,8 @@ <h4 class="subsection-title">New Theme</h4>
     <h4 class="subsection-title">Edit Colors: {{ active_theme.name }}</h4>
 
     <div class="form-row mode-pref-row">
-      <label class="form-label">Mode preference</label>
-      <div class="radio-group">
+      <span class="form-label" id="mode-pref-group-label">Mode preference</span>
+      <div class="radio-group" role="radiogroup" aria-labelledby="mode-pref-group-label">
         {% for mode in ["auto", "light", "dark"] %}
         <label class="radio-label">
           <input type="radio" name="mode_preference" value="{{ mode }}"
@@ -99,7 +99,8 @@ <h4 class="subsection-title">Edit Colors: {{ active_theme.name }}</h4>
         <div class="color-picker-row">
           <label class="color-key-label" for="light-{{ loop.index }}">{{ key | replace("_", " ") }}</label>
           <input type="color" value="{{ val }}" name="{{ key }}"
-                 data-hex-id="light-{{ loop.index }}">
+                 data-hex-id="light-{{ loop.index }}"
+                 aria-label="{{ key | replace('_', ' ') }} light color picker">
           <input type="text" id="light-{{ loop.index }}" class="form-control hex-input"
                  value="{{ val }}" maxlength="7" placeholder="#rrggbb">
         </div>
@@ -135,7 +136,8 @@ <h4 class="subsection-title">Edit Colors: {{ active_theme.name }}</h4>
         <div class="color-picker-row">
           <label class="color-key-label" for="dark-{{ loop.index }}">{{ key | replace("_", " ") }}</label>
           <input type="color" value="{{ val }}" name="{{ key }}"
-                 data-hex-id="dark-{{ loop.index }}">
+                 data-hex-id="dark-{{ loop.index }}"
+                 aria-label="{{ key | replace('_', ' ') }} dark color picker">
           <input type="text" id="dark-{{ loop.index }}" class="form-control hex-input"
                  value="{{ val }}" maxlength="7" placeholder="#rrggbb">
         </div>
diff --git a/templates/partials/settings_users.html b/templates/partials/settings_users.html
index 3b6e4fe..c0136fe 100644
--- a/templates/partials/settings_users.html
+++ b/templates/partials/settings_users.html
@@ -21,7 +21,8 @@
                   hx-target="#users-list"
                   hx-swap="innerHTML"
                   name="user_role"
-                  hx-include="this">
+                  hx-include="this"
+                  aria-label="Role for {{ u[1] }}">
             <option value="viewer" {% if u[2] == 'viewer' %}selected{% endif %}>viewer</option>
             <option value="editor" {% if u[2] == 'editor' %}selected{% endif %}>editor</option>
           </select>
diff --git a/tests/test_form_label_a11y.py b/tests/test_form_label_a11y.py
new file mode 100644
index 0000000..a8c1b3d
--- /dev/null
+++ b/tests/test_form_label_a11y.py
@@ -0,0 +1,254 @@
+"""Tests that every form control in the app's templates has an accessible name.
+
+Complements tests/test_settings_a11y.py (issue #221), which asserts a handful
+of specific label associations. This module asserts the general contract
+across every template that renders form controls:
+
+- Each `<input>` (other than `type="hidden"`), `<select>` and `<textarea>`
+  has a programmatic accessible name, via one of: an `id` referenced by some
+  `<label for=...>`, an `aria-label`, an `aria-labelledby`, or a wrapping
+  `<label>` (implicit association).
+- No `<label>` is left dangling: a label either carries `for` or wraps its
+  control. A visible `<label>` with neither names nothing, which is the
+  case Sonar reports as Web:S6853.
+- An `id` used for label association from inside a `{% for %}` loop
+  interpolates a loop variable. A static `id` inside a loop is emitted once
+  per iteration, so every label in the loop resolves to the first row's
+  control. `settings_servers.html` already sets the precedent for the fixed
+  form with `id="server-edit-row-{{ s[0] }}"`.
+- `templates/dashboard.html`'s `<html>` element carries `lang` (Web:S5254),
+  and its two sibling `<nav>` landmarks carry distinguishing accessible
+  names (Web:S5255).
+
+A placeholder is deliberately not accepted as an accessible name: it is not
+exposed as one by assistive tech and disappears once the field has content.
+"""
+import os
+import re
+from html.parser import HTMLParser
+
+import pytest
+
+TEMPLATES_DIR = os.path.join(os.path.dirname(__file__), "..", "templates")
+
+# Every template that renders form controls. Kept explicit rather than
+# globbed so that adding a template is a deliberate decision to bring it
+# under this contract.
+TEMPLATES_WITH_CONTROLS = [
+    "dashboard.html",
+    "partials/editor_pane.html",
+    "partials/modal_new.html",
+    "partials/settings_admin.html",
+    "partials/settings_servers.html",
+    "partials/settings_themes.html",
+    "partials/settings_users.html",
+]
+
+CONTROL_TAGS = {"input", "select", "textarea"}
+
+_JINJA_BLOCK = re.compile(r"{%.*?%}", re.S)
+_JINJA_EXPR = re.compile(r"{{.*?}}", re.S)
+
+
+def _template_path(rel):
+    return os.path.join(TEMPLATES_DIR, *rel.split("/"))
+
+
+def _read(rel):
+    with open(_template_path(rel), encoding="utf-8") as f:
+        return f.read()
+
+
+def _strip_jinja(src):
+    """Render Jinja source parseable as HTML.
+
+    Statement blocks are removed outright; expressions collapse to a token so
+    that attribute values containing them stay syntactically intact.
+    """
+    src = _JINJA_BLOCK.sub("", src)
+    return _JINJA_EXPR.sub("JINJA", src)
+
+
+class _ControlCollector(HTMLParser):
+    """Collects form controls, labels, and label nesting from a template."""
+
+    def __init__(self):
+        super().__init__(convert_charrefs=True)
+        self.controls = []  # (tag, attrs dict, inside_label, line)
+        self.labels = []  # (attrs dict, line, wraps_control)
+        self._label_stack = []
+
+    def handle_starttag(self, tag, attrs):
+        attrs = {k: (v or "") for k, v in attrs}
+        line = self.getpos()[0]
+        if tag == "label":
+            self._label_stack.append([attrs, line, False])
+        elif tag in CONTROL_TAGS:
+            inside = bool(self._label_stack)
+            if inside:
+                self._label_stack[-1][2] = True
+            self.controls.append((tag, attrs, inside, line))
+        if tag in ("input",) and self._label_stack and tag == "input":
+            pass  # void element, no endtag bookkeeping needed
+
+    def handle_endtag(self, tag):
+        if tag == "label" and self._label_stack:
+            self.labels.append(tuple(self._label_stack.pop()))
+
+
+def _collect(rel):
+    parser = _ControlCollector()
+    parser.feed(_strip_jinja(_read(rel)))
+    # Any label left unclosed still counts.
+    while parser._label_stack:
+        parser.labels.append(tuple(parser._label_stack.pop()))
+    return parser
+
+
+def _label_target_ids(parser):
+    return {
+        attrs["for"] for attrs, _line, _wraps in parser.labels if attrs.get("for")
+    }
+
+
+def _has_accessible_name(tag, attrs, inside_label, label_ids):
+    if tag == "input" and attrs.get("type", "").lower() == "hidden":
+        return True
+    if attrs.get("aria-label") or attrs.get("aria-labelledby"):
+        return True
+    if inside_label:
+        return True
+    return bool(attrs.get("id") and attrs["id"] in label_ids)
+
+
+def _describe(tag, attrs, line):
+    name = attrs.get("name") or attrs.get("id") or attrs.get("class") or "?"
+    return f"<{tag} {name!r}> at line {line}"
+
+
+def _for_loop_regions(src):
+    """Yield (start, end) character offsets of each `{% for %}` body."""
+    regions = []
+    stack = []
+    for m in re.finditer(r"{%-?\s*(for|endfor)\b.*?%}", src, re.S):
+        if m.group(1) == "for":
+            stack.append(m.end())
+        elif stack:
+            regions.append((stack.pop(), m.start()))
+    return regions
+
+
+# =============================================================================
+# Every control has an accessible name
+# =============================================================================
+
+
+class TestControlsHaveAccessibleNames:
+    @pytest.mark.unit
+    @pytest.mark.parametrize("rel", TEMPLATES_WITH_CONTROLS)
+    def test_every_control_has_an_accessible_name(self, rel):
+        parser = _collect(rel)
+        label_ids = _label_target_ids(parser)
+        unnamed = [
+            _describe(tag, attrs, line)
+            for tag, attrs, inside_label, line in parser.controls
+            if not _has_accessible_name(tag, attrs, inside_label, label_ids)
+        ]
+        assert not unnamed, (
+            f"{rel}: {len(unnamed)} form control(s) have no accessible name. "
+            "Give each an id referenced by a <label for=...>, or an "
+            "aria-label/aria-labelledby, or wrap it in its <label>. A "
+            "placeholder does not count.\n  " + "\n  ".join(unnamed)
+        )
+
+
+# =============================================================================
+# No dangling labels
+# =============================================================================
+
+
+class TestLabelsAreAssociated:
+    @pytest.mark.unit
+    @pytest.mark.parametrize("rel", TEMPLATES_WITH_CONTROLS)
+    def test_no_label_without_for_or_wrapped_control(self, rel):
+        parser = _collect(rel)
+        dangling = [
+            f"<label> at line {line} (text target unknown)"
+            for attrs, line, wraps in parser.labels
+            if not attrs.get("for") and not wraps
+        ]
+        assert not dangling, (
+            f"{rel}: {len(dangling)} <label> element(s) name nothing. Add a "
+            "`for` pointing at the control's id, or wrap the control. If the "
+            "target is a group of radios rather than one control, it is not "
+            "labelable: use a span plus role=\"radiogroup\" and "
+            "aria-labelledby instead.\n  " + "\n  ".join(dangling)
+        )
+
+
+# =============================================================================
+# Association ids inside loops must be loop-unique
+# =============================================================================
+
+
+class TestLoopScopedIdsAreUnique:
+    @pytest.mark.unit
+    @pytest.mark.parametrize("rel", TEMPLATES_WITH_CONTROLS)
+    def test_ids_inside_for_loops_interpolate_a_loop_variable(self, rel):
+        src = _read(rel)
+        offenders = []
+        for start, end in _for_loop_regions(src):
+            body = src[start:end]
+            for m in re.finditer(r"""\b(id|for)\s*=\s*["']([^"']*)["']""", body):
+                if "{{" not in m.group(2):
+                    line = src.count("\n", 0, start + m.start()) + 1
+                    offenders.append(
+                        f'{m.group(1)}="{m.group(2)}" at line {line}'
+                    )
+        assert not offenders, (
+            f"{rel}: {len(offenders)} static id/for attribute(s) inside a "
+            "{% for %} loop. These are emitted once per iteration, so every "
+            "label resolves to the first row's control. Interpolate the loop "
+            "key, e.g. id=\"server-edit-name-{{ s[0] }}\".\n  "
+            + "\n  ".join(offenders)
+        )
+
+
+# =============================================================================
+# dashboard.html document-level landmarks
+# =============================================================================
+
+
+class TestDashboardLandmarks:
+    @pytest.mark.unit
+    def test_html_element_declares_lang(self):
+        src = _read("dashboard.html")
+        m = re.search(r"<html\b([^>]*)>", src)
+        assert m, "expected a <html> element in dashboard.html"
+        assert re.search(r"\blang\s*=", m.group(1)), (
+            "expected dashboard.html's <html> element to declare a `lang` "
+            f"attribute, found: <html{m.group(1)}>"
+        )
+
+    @pytest.mark.unit
+    def test_nav_landmarks_have_distinct_accessible_names(self):
+        src = _strip_jinja(_read("dashboard.html"))
+        navs = re.findall(r"<nav\b([^>]*)>", src)
+        assert len(navs) >= 2, (
+            f"expected dashboard.html to have at least 2 <nav> landmarks, "
+            f"found {len(navs)}"
+        )
+        names = []
+        for attrs in navs:
+            m = re.search(
+                r"""aria-label\s*=\s*["']([^"']+)["']""", attrs
+            ) or re.search(r"""aria-labelledby\s*=\s*["']([^"']+)["']""", attrs)
+            assert m, (
+                "every <nav> landmark needs an aria-label or aria-labelledby "
+                "so assistive tech can tell them apart, missing on: "
+                f"<nav{attrs}>"
+            )
+            names.append(m.group(1))
+        assert len(set(names)) == len(names), (
+            f"<nav> landmark names must be distinct, found duplicates: {names}"
+        )
