Skip to content

fix(a11y): replace key={index} with stable keys for screen-reader stability#561

Open
Moonwalker-rgb wants to merge 2 commits into
MettaChain:mainfrom
Moonwalker-rgb:fix/455-a11y-key-index
Open

fix(a11y): replace key={index} with stable keys for screen-reader stability#561
Moonwalker-rgb wants to merge 2 commits into
MettaChain:mainfrom
Moonwalker-rgb:fix/455-a11y-key-index

Conversation

@Moonwalker-rgb

Copy link
Copy Markdown

Summary

Fixes #455

Replaces key={index} with stable composite keys across components where lists can mutate, improving screen-reader stability.

Changes

  • MultiChainPortfolio.tsx: Use propertyId-fromChain-toChain composite key for bridge suggestion cards
  • WalletModal.tsx: Use content+index pattern for security block/warning messages
  • SecureTransactionConfirmation.tsx: Use content+index pattern for validation warning/risk messages
  • TransactionConfirmation.tsx: Use content+index pattern for validation warning/block messages

Testing

  • TypeScript compilation: no new errors introduced
  • All modified files pass type-checking

Closes #455

…bility (MettaChain#455)

Replace key={index} with stable composite keys across components
where lists can mutate, improving screen-reader announcements:

- MultiChainPortfolio: use propertyId-fromChain-toChain for bridge suggestions
- WalletModal: use content+index for warning/block messages
- SecureTransactionConfirmation: use content+index for warning/risk messages
- TransactionConfirmation: use content+index for warning/block messages

Closes MettaChain#455
@drips-wave

drips-wave Bot commented Jun 27, 2026

Copy link
Copy Markdown

@Moonwalker-rgb Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

Copy link
Copy Markdown
Contributor

Your changes are subsumed by #562 (same files, same diff). Closing.

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.

a11y: key={index} undermines screen-reader stability across list mutations

2 participants