v156 · capability elements · geometry & css guardrails

Icon variant & sizing inspector

Compare live bounding-box dimensions between display-mode="default" and display-mode="icon-only" while testing the browser's CSS security boundaries. Even without a text label, capability elements enforce a minimum hit target area, clamp non-1.0 opacity, block deceptive 2D/3D transforms, and require WCAG contrast between the UA glyph and button background.

Bounding-box compaction & CSS guardrail bench

1. Font size & padding scale
2. Test hostile CSS guardrail overrides

Default Mode (display-mode="default")

Use camera
Measuring…

Icon-Only Mode (display-mode="icon-only")

Measuring…

Active CSS & UA Guardrail Resolution

Measured bounding boxes & UA security guardrail enforcement
Property / Check Author Input UA Enforced Result

references & next concepts