Inspiration
My inspiration for this project is a very simple one. Make the web accessible to everyone. While it all started with a simple nudge on whether we should be pursuing the WCAG compliance, the more I jumped into it, the I want to work on and make the web a better place
What it does
This extension powered with AI, helps to check your page for compliance. Whichever state you are, whether you are in Europe or in America or in Asia, you and your site can be tested for accessibility - 100% percent of the guidelines covered, through automated scripts and AI agents.
How we built it
We have went through the WCAG 2.1 aa compliance to start with. And we have vibe coded each of the requirement one by one, by making the coding agent understand the same and implement methods to check them, to ensure thoroughness in the testing.
Challenges we ran into
The main challenges we ran into were while getting the consolidated the report of the testing at the end and while ensuring that the agent is not coming up with elements that does not exist in the page (basically hallucinations) and ensuring its running all the tests that it has to run.
Accomplishments that we're proud of
We have achieved 97 to 100% of accessibility criteria automation while the industry standard is just 25% to 30% max. The extension is still in progress
What we learned
We learned that, once we know how to vibe code, we can actually achieve tremendous results. But, Vibe coding also come with a caveat: that is - to take a break when the AI doesn't listen. Its good for your mental health and also good for the agent (after all, its a machine on the other side, that's getting heated up when you give complex requirements for it to analyse)
What's next for Accessibility Agent/ AccessiCheck extension
Natural expansion: to higher levels of WCAG compliance Other areas to explore: Aiming for ADA and locale related compliance testing
Log in or sign up for Devpost to join the conversation.