We are inspired to make UBC more inclusive. We have friends who are colour vision deficient and we wanted to make academic resources more accessible to them. We then wondered how technology can be used for this purpose.

What it does

UncolouredPDF is a webapp where users can submit PDFs which have graphs or images that may not be very accessible for colour vision deficient people. We then return that PDF with updated colours which are easier to perceive for the users. We then extended it to PPTs and any JPG or PNG image.

How we built it

We used React for our front end to accept a PDF, PPT, JPG or PNG. We then convert it to a Numpy array and use a convolutional filter to change the colours. The algorithm we used is called Daltonization. We then convert it back to the original file format and the user is able to download the modified file. In addition, the users are also able to preview the modified file online after it has been processed.

Challenges we ran into

We were new to React and had some trouble setting up the upload and preview features. We also spent some time supporting the various file formats.

Accomplishments that we're proud of

We were able to successfully implement the file upload feature to allow users to upload a PDF file and view the processed colour-blind-friendly file in the browser through a PDF viewer.

What we learned

We learned how to use React and Flask. We also learned about colour spaces and the need to make resources more accessible.

What's next for UncolouredPDF

Our tool can be made to a Chrome extension for easy colour changes online. It can also be integrated to Google Drive on resources stored on the cloud.

Built With

Share this project: