RiseAble

Inspiration

The internet is meant to connect and empower everyone, yet millions of people with disabilities and language barriers are left behind. Existing browsers were not built with accessibility at the core. We wanted to reimagine the browsing experience itself so that inclusion is no longer an afterthought, but the foundation.

What it does

RiseAble is a custom browser that integrates accessibility features natively. It includes screen reader support, voice command navigation, right-click accessibility tools, sign language interpretation, colorblind-friendly modes, and multilingual support. This makes it possible for people with diverse needs to browse, learn, and work online independently.

How we built it

We developed RiseAble using Electron.js for the browser framework, React and TypeScript for the interface, and integrated accessibility APIs and libraries for features like text-to-speech, high-contrast modes, and keyboard navigation. Every feature was designed to be simple, intuitive, and directly usable without external plugins.

Challenges we ran into

Building accessibility as a core browser function rather than an add-on.

Ensuring compatibility across websites while maintaining accessibility features.

Balancing performance and user-friendly design.

Accomplishments that we're proud of

Created a working browser prototype with integrated accessibility tools.

Designed a clean, inclusive UI tested with multiple accessibility scenarios.

Took a step toward making the web truly barrier-free.

What we learned

We learned how complex accessibility needs can be and how often they are overlooked in mainstream tools. We also realized that even small design decisions can either empower or exclude users.

What's next for RiseAble

We plan to expand RiseAble with cloud profiles, so users can carry their accessibility settings anywhere. We also aim to integrate mobile versions, expand language support, and collaborate with NGOs, educational institutions, and accessibility communities to scale adoption.

Built With

• and-accessible-styling-accessibility-apis-(screen-readers
• electron.js-?-for-building-the-custom-browser-framework-react-+-typescript-?-for-creating-the-user-interface-node.js-?-for-backend-and-system-level-integration-tailwind-css-?-for-clean
• high-contrast
• language
• responsive
• speech-recognition)-web-speech-api-?-for-voice-commands-and-text-to-speech-sign-language-libraries-/-video-integration-?-for-interpretation-features-multilingual-support-tools-(translation-apis