Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UX Improvement: Improve Wallet Selection in Dialog Connect Wallet #387

Open
annavilnid opened this issue Mar 19, 2025 · 0 comments
Open

Comments

@annavilnid
Copy link
Collaborator

annavilnid commented Mar 19, 2025

Image

1️⃣ No Feedback When Selecting a Non-Installed Wallet
If a user selects a wallet that is not installed as a Chrome extension, nothing happens.
Expected Behavior: Display an error message, warning, or redirect to install the specific wallet.

2️⃣ The frontend currently appears to work only with the Fuel blockchain.
Ethereum Wallets: MetaMask is not detected.
Solana Wallets: Backpack is not detected.

3️⃣ Accessibility & Semantic Issues in Wallet Selection
The wallet selection element is not implemented using the button tag, which is less semantically correct.
As a result, keyboard navigation is not possible.
Additional Issues:
The dialog close button and the "Create one" link are also not implemented using button and a tags, making keyboard navigation inaccessible.
Expected Behavior:
Use for selection elements.
Or the necessary attributes for accessibility.
Ensure proper keyboard navigation support.

4️⃣ Alt text is not used for icons and images, which reduces accessibility. For example, the close button (❌) could have aria-label="Close" and an alternative text inside the svg.

@annavilnid annavilnid changed the title UX Improvement: Improve Wallet Selection in Dialog CONNECT WALLET UX Improvement: Improve Wallet Selection in Dialog Connect Wallet Mar 20, 2025
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

No branches or pull requests

1 participant