Inspiration
Experience working as a Accessibility/Search Engine Optimization Specialist for Web Design. I was tasked to fix alternative text and text hierarchy and realized that old websites did not have accessibility top of mind. I knew they were issues for people who were low vision/blind, deaf, or had a hard time navigating websites that are not made with accessibility in mind.
What it does
The goal of this AI Design Assistant intends on giving advice to UI/UX designers on what to consider during their website building phase.
How we built it
I built a chrome extension that is connected to a Gemini API for a LLM to take screenshots of parts of the website to give advice on what needs improvement, following WCAG Requirements, UX Critique with the POV of a senior designer, and branding auditing.
Challenges we ran into
Had difficulty figuring out how I could get the AI agent to parse through the html. I would have needed more experience in optimization and parallel computing and API credits. I tried parsing through html, but the queries ran very long and did not load. The goal of parshing would have identified images that did not have associated alt or aria-labels needed for screen readers to identify an image on a webpage. However, for future direction, I believe it could be possible to expand upon this.
Accomplishments that we're proud of
Building my first AI Agent ever with the goal of accessibility in mind.
What we learned
The importance of UI, thinking from the perspective of both the user and the designer.
What's next for AI UI/UX Design Assistant
Maybe expanding by adding screen reader features to help assist blind users!
Built With
- css
- gemini-api
- google-cloud
- html
- javascript
- python
Log in or sign up for Devpost to join the conversation.