tot98git / holistic

A web-scrapping node and react application developed during Balkan Hackathon.

Holistic

holistic ‧ /həʊˈlɪstɪk,hɒˈlɪstɪk/
characterized by the treatment of the whole person, taking into account mental and social factors, rather than just the symptoms of a disease.

A web accessibility checker tool developed with node and react during Balkan Hackathon 2018.

📝Description

This tool uses Puppeteer to scrape the web, extract elements of interest (in this context form elements), and evaluate them for the attributes they (don't) have. In the back end there is a calculation of number of occurences the missing attributes don't appear. There is also a script generated to "fix" the webpage and add accessibility functions to the given webpage. The script's primary function is to traverse to the previous sibling of the form element to get the inner textual content and then add it to the initial element, under the attribute, aria-label.

⌨️Technologies

This project uses Node & Express for back-end functions and React for front end.

💻Usage

The project is not deployed anywhere yet, so in order to use it, users can clone this project in their local systems and run it from there. As such, users are welcomed to customize the scraping based on their needs and ideas.

• Due to Github uploading size limit (100 MB), the Puppeteer module hasn't been pushed in this repository. After cloning this project, you can install the respective module with npm install puppeteer. You could also install the project as a node module by npm i holistic-accessibility, although the functionality at this stage is currently limited.