Guides

Accessibility

BR-UI keeps the visual language quiet, but the interaction contract should be explicit.

Rules

  • Focus uses --ring-width, --ring-offset, and --ring-color.
  • Dialog, Sheet, Drawer, and Command surfaces need titles, Escape close behavior, and keyboard navigation.
  • Forms wire aria-invalid and aria-describedby through FormField.
  • DataTable sortable headers set aria-sort; selected rows use explicit checkboxes.
  • Charts include SVG title/desc when labels are provided.
  • Motion respects prefers-reduced-motion.