Checkbox workbench
Inspect maintained specimens, states, viewport behavior, anatomy and contrast.
Source revision 9afef8564142e41458748895d16b4df161a67d66
Controls use maintained specimens. A forced focus ring is a visual simulation; it does not move keyboard focus. Profile previews keep their published approval status. Sample text stays in this page unless explicitly included in a shared link.
Actual build: 9afef8564142e41458748895d16b4df161a67d66 Source snapshot: sha256-2kpTOuEH5I5sfbTE8rFvvyk9kYxfO/AX1qyM29HCqi8=
Canonical specimen
JavaScript adds the controls below; the complete specification and this specimen remain available without it.
Live specimen
The iframe has its own viewport. Wide previews scroll inside this inspection region. Resizing is not browser zoom, device emulation, or an accessibility pass. Initial configuration is reproducible; subsequent interactions are temporary.
Anatomy and measurements
Select a documented part. The overlay does not capture input or change layout.
| Metric / mapping | Declared role | Resolved value | Measured value / result |
|---|
Contrast lab
Uses the specification’s contrast engine. Choose a context explicitly; a ratio does not establish semantic suitability or overall accessibility. Large text means at least 18.66px bold or 24px regular. Alpha requires the selected opaque underlay.
Motion inspection
This specimen has no replayable maintained transition here. Dialog opacity is specified for capable hosts, but this reference does not add an opening animation. The loading glyph remains static.
Share this configuration
Prepare a public issue draft
Describe the problem and review the resulting draft. Entered specimen text, storage, screenshots, and unrelated URLs are not collected. No issue is submitted automatically.