[Frontend] TokenStep token cards convey selection only visually - no radio/aria-checked semantics

[grantfox-oss]

Telegram (ask questions / claim the issue here first): https://t.me/+DOylgFv1jyJlNzM0

Labels: bug, frontend, Stellar Wave, critical

The token picker in stream creation only shows which token is selected visually, so a screen-reader user can't tell what they've picked and can create a stream in the wrong asset.

In frontend/src/components/stream-creation/TokenStep.tsx:31-66, each token is a plain button and the selected state is conveyed purely through border color and a decorative check SVG. There's no role=radio/aria-checked, no aria-pressed, and the group has no role=radiogroup. Nothing reaches assistive tech. Picking the wrong asset here means the stream moves the wrong token, which is why this is marked critical.

What the fix has to hold to

• Each token option exposes its selected state to assistive tech (role=radio + aria-checked, or aria-pressed on the buttons)
• The container is a role=radiogroup with an accessible group label
• Selecting a token is announced as checked/selected

Done when

• Selection state exposed on each option
• Container is a labelled radiogroup
• Validation error associated with the group via aria-describedby
• lint + typecheck + tests green

Where to start
All in TokenStep.tsx. Out of scope: TemplateStep card styling and arrow-key navigation between options (that can be a follow-up). Small change.

[lekanay2005-coder]

@lekanay2005-coder has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

pls i will like to work on it

ℹ️ Repo Maintainers: To accept this application, review their application or assign @lekanay2005-coder to this issue.

[d3v-active]

@d3v-active has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Please assign . you will get a pr today

ℹ️ Repo Maintainers: To accept this application, review their application or assign @d3v-active to this issue.

[drips-wave]

Congratulations, @d3v-active! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 30, 2026.

🧑‍💻 @d3v-active: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊