Inspiration
Websites need to be accessible by everybody irrespective of their disabilities. The Web Content Accessibility Guidelines (WCAG) are laid down to provide a standard that must be followed while developing websites, I thought why not make something which makes it easy to check if your website has any flaws that do not follow these guidlines. Web accessibility encompasses all disabilities that affect access to the Web, including:
- auditory
- cognitive
- neurological
- physical
- speech
- visual
What it does
Webcessible lets you enter your URL and then in the background goes through the code of the website and raises errors that it found out to be non accessibility friendly. Some of these errors could be Low Contrasrt, missing image descriptions, Missing first level heading, Unlabeled form element with title etc.
How we built it
Webcessible is built using React for the front end and Node for the backend. It uses the WAVE API to parse the code and raise errors that it found out to be non accessibility friendly. It uses a bit of web scraping from the w3.org website to get description of these errors.
Challenges we ran into
Setting the WAVE API up and webscraping the W3 website was little challenging.
Accomplishments that we're proud of
Finishing the project on time is something I am happy with
What's next for Webcessible
Making the website mobile friendly
Log in or sign up for Devpost to join the conversation.