Accessibility and directionality
Focus, keyboard, RTL/LTR, localization, and content-length rules.
Principles
- Every interaction works by keyboard with visible focus and logical order.
- Layouts use logical CSS properties and mirror structure—not universal symbols—in RTL.
- Reserve space for 200% text expansion and longer translated labels.
Usage boundaries
- Never remove focus outlines without an equal or stronger replacement.
- Do not infer language, direction, number, date, time, or currency formats manually.
- Directional icons mirror only when their meaning is spatial.
NexWell-authored source gapValues are NexWell decisions with explicit rationale; no source-brand value is assumed approved.
Interactive reference
Token explorer
3 tokens
focus.ring.width3pxThree pixels remains visible near component borders.
Use: Keyboard focus-visible indicator.
focus.ring.offset3pxOffset separates focus from component state rings.
Use: Default focus-visible outline offset.
focus.target.minimum2.75remForty-four pixels is the NexWell minimum pointer target.
Use: All primary interactive hit areas.