Expose the active order view to assistive technology

[luokerenx4]

Summary

• label the Open / History / Trades controls as an Order views button group
• expose the current view with aria-pressed and connect each control to its content region
• give the active content region a view-specific accessible name without changing visual styling or loading behavior

Evidence

On the Demo Portfolio account, the accessibility tree exposed Open (0), History, and Trades as three ordinary buttons. The selected view was conveyed only by color, so non-visual users could not determine which order dataset was currently displayed.

Verification

• pnpm vitest run ui/src/pages/UTADetailPage.orders-tabs.spec.tsx (1 passed)
• cd ui && npx tsc -b
• npx tsc --noEmit
• pnpm test (3389 passed, 9 skipped)
• real Demo route: initial Open (0) reports pressed with an Open orders region; after selecting History, Open reports false, History reports true, and the region is named Order history

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
openalice-demo	Ready	Preview, Comment	Jul 28, 2026 11:03pm