R1.6: Accessible switch geometry

Short answer: Inline-flex items-center shrink-0 on toggle tracks. A toggle track without fixed geometry squashes in a flex row and the knob leaves the track.

Group: UI and mobile performance. Status: stable. Generated from the rule definitions; do not edit by hand.

Playground: https://brevio.pro/tools/agent-guard-playground?rule=R1.6

What it catches

Accessible switch geometry: inline-flex items-center shrink-0 on toggle tracks.

Why

A toggle track without fixed geometry squashes in a flex row and the knob leaves the track.

A bad example

<span className="w-10 h-5 rounded-full" />

A good example

<span className="inline-flex items-center shrink-0 w-10 h-5 rounded-full" />

How it is checked

A one-line card in the prompt of a slice that touches matching files (dev_rules.slice_micro_rules).

How to silence it

A person can silence one finding with brevio-core: ignore R1.6 -- reason on the line or the line above. Without the reason it does not count. An agent cannot silence it: the agent hook and the MCP tools never honour the comment, and a pull request that adds one is reported until a reviewer allows it. Fixing the code is still the better answer.

To change what the rule flags, edit its definition in dev_rules.py or code_rules/__init__.py. That is a code change and is reviewed like one.

R1.7 LCP asset priority
R1.8 Async polling hygiene
R1.1 Mobile GPU budget
R1.2 SSR visibility resilience
Every rule