A Journey Towards a More Accessible and Inclusive Web.

Mahmoud Harmouch - Mar 11 '23 - - Dev Community

Demo

Greetings,

Over the past week or so, I have been diligently crafting an extension to improve web accessibility while promoting inclusivity. This project was conceived during a hackathon I am currently participating and has progressed a bit so far. After days of coding and designing, my creation is ready; an extension designed to facilitate website access for those with/without disabilities.

The extension offers you personalizable options that allow you to tailor your browsing experience according to your needs; thus enabling more inclusive navigation on the internet which will break down barriers faced by disabled individuals online. Furthermore, this tool comes equipped with an intuitive interface.

Features that the extension offers including but not limited to:

  • Promote inclusivity: With features like text-to-speech and dyslexia-friendly fonts, this extension promotes a more inclusive internet for everyone.
  • Available for free: This extension is open source and available for free to use on you favorite web browser.
  • Customize any web page: Change the font, colors, and layout of any web page to better suit your needs.
  • Easy to use: This extension is easy to use and install, so you can start customizing your web pages right away!

This serves merely as one step towards creating equitable digital environment where everyone has equal opportunity when it comes accessing websites regardless of physical limitations or impairments they might possess. In future iterations, plans are underway for even further improvements through additional powerful elements specifically tailored around helping people navigate easier than before. My hope is that together we can create better prospects in terms of convenience from surfing the net!

Thank you for reading about my endeavor! If inspired feel free to reach out, and lemme know your opinions;

🚀 Let us work together now towards making sure no one gets left behind, again!

Resources

GitHub logo inclusive-web-hub / flexify

The ultimate add-on that empowers you to customize any website on the internet with a click of a button.

Flexify

Install

Chrome

  • Go to chrome extensions page at: chrome://extensions/.
  • Activate Developer mode.
  • Click Load Unpacked to install the extension from source folder.

Firefox

  • Go to firefox debugging page at: about:debugging.
  • Click the This Firefox hyperlink.
  • Click on load temporary Add-on to install the extension from source folder.

Supported Features

  • Text to speech.
  • Text Customization.
  • Change contrast, saturation...
  • Control the font size of the text on any web page.
  • Change text color.
  • Change background color.
  • Align the whole text to the left, right, or center.
  • Adjust text spacing between lines and Letters.

and many more.

License

This project and the accompanying materials are made available under the terms and conditions of the MIT LICENSE.




Flexify Landing Page

Netlify Status

Running locally with NPM

  • Fork/Clone the repo:
git clone git@github.com:wiseaidev/flexify-landing-page.git
Enter fullscreen mode Exit fullscreen mode
  • Open the newly created directory:
cd flexify-landing-page
Enter fullscreen mode Exit fullscreen mode
  • Install the required dependencies:
npm install
Enter fullscreen mode Exit fullscreen mode

Now, you can run the client:

npm start
Enter fullscreen mode Exit fullscreen mode

Navigate to http://localhost:3000 to explore the landing page.

Deployment

Deploy on Heroku

Deploy on Netlify

License

This project and the accompanying materials are made available under the terms and conditions of the MIT LICENSE.




. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Terabox Video Player