Batoi UIF Docs

Accessibility

Design UIF surfaces with keyboard access, readable contrast, predictable controls, and meaningful status.

Accessibility

Batoi UIF surfaces should remain usable with keyboard navigation, assistive technologies, and different viewport sizes.

Baseline Expectations

  • labels for form controls
  • visible focus states
  • readable color contrast
  • meaningful button text
  • status text that does not rely only on color
  • responsive layout without overlap

Micro App Considerations

Interactive Micro Apps should keep controls reachable and outputs readable.

For generated charts, include an accessible label or textual summary.

For status badges, pair color with text.

Testing

Check:

  • keyboard tab order
  • mobile layout
  • text overflow
  • chart fallback meaning
  • form label association