This content originally appeared on DEV Community and was authored by Mahmoud Harmouch
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
wiseaidev
/
flexify
The ultimate add-on that empowers you to modify and personalize any website on the internet.
Flexify
Install
Chrome
- Go to chrome extensions page at:
chrome://extensions/. - Activate Developer mode.
- Click
Load Unpackedto install the extension from source folder.
Firefox
- Go to firefox debugging page at:
about:debugging. - Click the
This Firefoxhyperlink. - Click on
load temporary Add-onto 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.
wiseaidev
/
flexify-landing-page
Flexify landing page.
Flexify Landing Page
Running locally with NPM
- Fork/Clone the repo:
git clone git@github.com:wiseaidev/flexify-landing-page.git
- Open the newly created directory:
cd flexify-landing-page
- Install the required dependencies:
npm install
Now, you can run the client:
npm start
Navigate to http://localhost:3000 to explore the landing page.
Deployment
License
This project and the accompanying materials are made available under the terms and conditions of the MIT LICENSE.
This content originally appeared on DEV Community and was authored by Mahmoud Harmouch
Mahmoud Harmouch | Sciencx (2023-03-11T20:44:27+00:00) A Journey Towards a More Accessible and Inclusive Web.. Retrieved from https://www.scien.cx/2023/03/11/a-journey-towards-a-more-accessible-and-inclusive-web/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.