UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
KnowledgeCommunity design principlesOnly reviewed published knowledge enters Agent RAG.
Contribute

Categories

AllInteraction Responsive MotionTypography Color Accessibility

Tags

accessibilityfocuskeyboardnavigationreading-order
Knowledge RAG

Design Knowledge Base

Community-maintained principles reviewed before publication and retrieved as Agent design constraints.

Submit principle
3 published principles
Interaction Responsive Motionkeyboard / navigation

Keyboard First Navigation

Keyboard First Navigation turns a frequent interface judgment into an executable constraint before generation.

An interface that works from the keyboard is usually clearer because focus order reveals the real task structure.86%
Typography Color Accessibilityfocus / keyboard

Focus Order and Reading Order

Focus Order and Reading Order turns a frequent interface judgment into an executable constraint before generation.

A mismatch between visible layout and assistive navigation order breaks orientation and comprehension.86%
Typography Color Accessibilityfocus / keyboard

Visible Focus States

Keyboard and assistive technology users need to know where focus is; focus states must not be reset away.

Focus state is part of the interaction path, not a browser default flaw.82%