Skip to content

feat(track-b): add isolated UI lab with automated a11y checks#304

Merged
nottherealalanturing merged 1 commit intoenbliq:devfrom
Ibinola:feat/292-isolated-ui-lab-a11y
Feb 26, 2026
Merged

feat(track-b): add isolated UI lab with automated a11y checks#304
nottherealalanturing merged 1 commit intoenbliq:devfrom
Ibinola:feat/292-isolated-ui-lab-a11y

Conversation

@Ibinola
Copy link
Contributor

@Ibinola Ibinola commented Feb 26, 2026

Description

This PR introduces a new isolated testing environment (@ourkairos/ui-lab) within the track-b sandbox to ensure our base UI components meet accessibility standards before being integrated into the main application.

Closes #292

Technical Changes

  • New Package: Added @ourkairos/ui-lab to the Track-B workspace.
  • Sample Components: Implemented base structures for Modal, Dropdown, Tabs, Form, and Toast.
  • A11y Validations: Integrated axe-core with Vitest to automatically test components for ARIA compliance.
  • Keyboard Interactions: Added unit tests using @testing-library/user-event to verify focus-trap behavior in the Modal and arrow-key navigation in Tabs.
  • Audit Reporting: Added a setup script that aggregates axe-core results and automatically generates a markdown summary (a11y-audit-report.md).

Acceptance Criteria Met

  • Contributors can add components and run a11y checks in isolation.
  • No dependency on OG app routes.
  • Includes focus-trap behavior test for modal.
  • Includes automated accessibility checks and ARIA validation.
  • Generates a simple audit summary report in markdown.

How to Test

  1. Pull down this branch.
  2. Run pnpm install from the root workspace.
  3. Run pnpm --filter @ourkairos/ui-lab test.
  4. Verify all tests pass, including the focus-trap and axe-core checks.
  5. Check experiments/track-b/ui-lab/a11y-audit-report.md to ensure the markdown audit summary was generated correctly.

@nottherealalanturing nottherealalanturing merged commit c37cdca into enbliq:dev Feb 26, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

UI Accessibility Audit Mini-Suite

2 participants