Improve accessibility

[rolznz]

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

[harith-hacky03]

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

[rolznz]

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]

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

[rolznz]

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

[itstomekk]

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:

• 🔗Bitcoin Connect landing page
• 🔗 GitHub Issue #182
• 🔗
• 🔗 #bitcoin-connect channel on NWC's Discord connecting developers
• 📧 Contact: hello@getalby.com

---

💡 Please Remember:

• 💡 Let the world know if you start working on this issue
• 💡 Work on a feature branch or a forked repository
• 💡 Submit a pull request with a detailed description of your changes
• 💡 Follow basic coding standards and leave helpful comments
• 💡 Test the modal widget's keyboard accessibility across multiple browsers and devices

---

♿ #ACCESSIBILITY #OPENNESS #DECENTRALIZATION

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

[harith-hacky03]

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

[rolznz]

@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]

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.