Back to stack guides

Intent

Build durable interfaces without recreating browser controls or adding a framework where the product does not need one.

Checks

  • Use landmarks, native controls, form labels, and logical heading structure.
  • Use grid, flexbox, container constraints, and media queries for layout.
  • Make content and core navigation useful before optional JavaScript enhancements.

Warnings

  • Custom select, dialog, tab, and menu implementations carry substantial accessibility requirements.

Exceptions

  • A complex application may require a state framework once interaction ownership exceeds local enhancement.