getAlby / bitcoin-connect

Connecting lightning wallets to your webapp has never been easier. Enable WebLN in all browsers with a single button
https://bitcoin-connect.com
MIT License
90 stars 31 forks source link

Improve accessibility #182

Open rolznz opened 10 months ago

rolznz commented 10 months ago

Tabbing / Keyboard access should work in all places. Some elements (like the button below) should be focused by default.

image

harith-hacky03 commented 10 months ago

Can you briefly describe the problem? I am ready to fix it

rolznz commented 9 months ago

Hi @harith-hacky03 this is a general task about keyboard accessibility throughout the library. I don't believe we can easily use Bitcoin Connect without a mouse right now for example. Some good information is here: https://usability.yale.edu/web-accessibility/articles/focus-keyboard-operability

harith-hacky03 commented 9 months ago

@rolznz You need specificed action to happen when enter is pressed in keyboard right?

rolznz commented 9 months ago

@harith-hacky03 no. This is about accessibility. Maybe you could find a different issue if you would like to contribute.

itstomekk commented 1 week ago

Small reminder: there is a bounty for solving this issue! I have posted it across multiple bounty platforms today, maybe someone will pick it up!

Bitcoin Connect is an embeddable, open-source JavaScript library maintained by Alby that allows websites to easily integrate Bitcoin and Lightning functionalities. It provides a modal widget for user interactions, enabling seamless onboarding and transactions.

Currently, the Bitcoin Connect modal widget requires a mouse for navigation and interaction, limiting its accessibility. By improving keyboard accessibility, we aim to make the library more inclusive and user-friendly for all users, including those with disabilities who rely on keyboard navigation.

💰 Bounty: 75,000 sats

💰 Alby's team & community support


🔗 Links:


💡 Please Remember:


♿ #ACCESSIBILITY #OPENNESS #DECENTRALIZATION

💙 Thank you for your contributions and making Bitcoin more accessible and user-friendly for everyone!

harith-hacky03 commented 1 week ago

I am ready to fix it. Can you assign me please?

rolznz commented 1 week ago

@harith-hacky03 normally I do not assign issues to external contributors because there is no guarantee they will do it.

If you are interested, could you make a pull request?

chebizarro commented 6 days ago

Hey there, I've made an initial PR (#259) with mostly minor changes which enable both keyboard navigation and screen reader feedback. There's still some testing to be done and a few niggling issues with default buttons, but I'd appreciate if you could give me some feedback if I'm on the right path.