Forsight

• 

  Home Page

• 

  Code Review Example

• 

  The Researched Guidelines

Inspiration

Yaoyao and I are in an architecture / CS class that recently introduced a unit on color theory and colorblindness in lecture the other day. We got to thinking about how many modern UX design environments don't emphasize the importance of inclusive design, especially to the visually impaired community. To keep track of these many important, yet often overlooked tenants of accessible design, we decided to build a webapp that serves as both an educational tool but also as a practical design assistant.

What it does

Forsight is a code review and disability awareness service that grounds an inclusive design education within an interactive environment. We work with the user's provided CSS code, run it through a string-searching, data-extracting system, and compare extracted information values to research-based guidelines on inclusive design. We then provide recommendations on how to approve the accessibility of the given design.

How we built it

HTML/CSS, javascript, PHP, Python, Flask, SQL, Figma

Challenges we ran into

Since we did want our platform to be as interactive as possible, we ran into many roadblocks from translating a somewhat lofty prototype into a fully functional webapp.

Accomplishments that we're proud of

Our website not only features a product promoting inclusive design, but also features a web design itself was built with extreme detail to fitting such inclusivity principles itself. Our color scheme, font choice, and many other CSS attributes factor into the site's accessibility.

Additionally, we're proud of coding the webapp up to the extent that we did, despite some final smoothing out still needing to be done.

What we learned

Much, much, more about what it means to build a well-designed, accessible product. We learned more about building APIs and the vast range of color related APIs out there, which we are eager to include.

What's next for Forsight

Adding functionality to error catching / code review. Expanding code review capabiities to HTML framework. Increasing the audiences that the webapp promotes inclusivity towards (the hearing impaired community, the community experiencing joint pain/arthritis).

Built With

• css
• figma
• html
• javascript
• php
• python
• sql