Associate wizard form labels with their conditional input controls

Found during native-browser review of #946. In site/js/wizard.js, many text/select/number input captions are separate label elements without for, while their input has no matching id. For example the monitoring endpoint caption is a sibling of its text field, whose accessible name falls back to its placeholder. Wrapped checkbox labels are associated and should remain so. The new monitoring interval uses an explicit association; the broader wizard remains inconsistent.

Acceptance criteria:

Associate every visible form caption with its text/select/number/textarea control using unique, stable id / for pairs or label wrapping.
Keep checkbox/radio semantics and repeated accordion rendering correct, without duplicate IDs.
Verify keyboard navigation, label-click focus, and accessible names in the actual wizard, including conditional fields.
Add DOM-level regressions for generated IDs and associations; document the browser verification performed.

Related: #879 tracks the separate Compliance renderer crash and render smoke coverage.

Notes from the browser verification for this issue (#954). These problems are older than this change. Each one is tracked, and #954 now fixes two of them (#952, #953):

CR-A18-017 ([Wave 3] Medium — Module sweep: Marketing site and in-browser config wizard (part 1/2) #556): Fix the wizard's Compliance step and field labels, guard CI against failure masking, correct monitoring copy #954 resolves its accessible-name part. Still open:
- option cards expose no selected state;
- hints and errors are not linked to their fields with aria-describedby;
- only two fields set aria-invalid.
CR-A18-034 ([Wave 3] Medium — Module sweep: Marketing site and in-browser config wizard (part 2/2) #557): Fix the wizard's Compliance step and field labels, guard CI against failure masking, correct monitoring copy #954 resolves focus restoration after a re-render. Still open:
- focus is lost when Prev reaches the first step;
- the pane-wide aria-live region re-announces the step;
- multi-letter type-ahead on the risk select is cut short.
CR-A18-047 ([Wave 4] Low/info — Module sweep: Marketing site and in-browser config wizard (part 1/3) #683): the review step's button icons are created in the HTML namespace and never render.
Browser wizard: a corrected model or dataset field stays marked invalid until the step re-renders #952: a corrected model id or dataset name stayed marked invalid until the step re-rendered. Fix the wizard's Compliance step and field labels, guard CI against failure masking, correct monitoring copy #954 fixes it.
quickstart.html scrolls sideways on phones: its terminal blocks widen the page to about 990 px #953: quickstart.html scrolled sideways at phone widths. Fix the wizard's Compliance step and field labels, guard CI against failure masking, correct monitoring copy #954 fixes it; the wizard dialog itself fits.

#954 also fixes #879. The Compliance step threw before its controls appeared, so they could not be labelled or checked until that crash was fixed.

fix(site): keep open sections per tab and bring a re-broken field's e…

fix(site): keep inline code whole on wide screens and show page code …

fix(site): name every wizard field by its visible caption

fix(site): keep focus through wizard re-renders; address wizard review

fix(site): reveal auto-revert's threshold at once; test the wizard co…

Navigation Menu

Repository navigation

Associate wizard form labels with their conditional input controls #950

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Associate wizard form labels with their conditional input controls #950

Description

Activity

cemililik commented on Oct 16, 2026

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions