khanniie/oink-con

Oink!

Making the web a more considerate place and highlighting the empathetic important of designing for access.

TartanHacks 2019 - devpost

More often than not, the web can be difficult to navigate and not friendly for all users with different preferences and needs. For example, many images on the web are missing alt-tags. However, these tags are extremely important for users with vision impairments as they might use a web screen reader which depends on the alt-tags to tell the user what content is being served on the web page. Additionally other things like font size and colors might decrease the overall accessibility of webpages. Oink is a chrome extension that encompasses a suite of many different customizable features that helps tackle these problem by making websites more accessible and safe for all users.

Oink's capabilities:

• auto-fills in missing alt tags for images using Google Cloud Vision API;
• modifies text appearance (increases font size, weight, color corrections);
• detecting audio playing on a website;
• filtering out content that the user specifies he/she is sensitive to.

View Oink in action in this video! See more here to understand how Oink works, capabilities, as well as what features we wanted to implement.

We used this bad site to demo some of the many capabilities of Oink!

Built With

• Google Cloud Vision API - Image Labeling
• Chrome Extension
• HTML, CSS, JavaScript
• NodeJS - backend
• Socket.io - backend
• DigitalOcean - backend server
• Procreate - assets
• Photoshop - assets

Authors

• Megan Ung - Github
• Connie Ye - Github
• Kearnie Lin - Github
• Kimberly Lo - Github

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details