Your vibe coded website is going to get you fined

This title could be clearer and more informative.Try out Clickbait Shieldfor free (5 uses left this month).

Vibe-coded websites built with AI tools frequently fail web accessibility standards, exposing businesses to significant legal fines under the European Accessibility Act, UK Equality Act, and US ADA. A real-world redesign of an AI-generated professional services site revealed over 50 colour contrast failures, text as small as 10px, missing form labels, and no consistent grid or spacing system — earning an AIM Score of 2.7/10. The redesign addressed these issues by implementing a 4px grid system, accessible colour palettes with contrast ratios between 5.77 and 15.09, minimum 16px font sizes, proper form labelling, prefers-reduced-motion support, and custom WebGL animations and interactions that AI cannot easily replicate. The core argument is that AI gets you roughly 80% of the way to a finished site, but the remaining 20% — accessibility compliance, typographic consistency, and intentional design — is what separates professional work from 'AI slop' and protects businesses from costly legal action.

16m read timeFrom thoughtbot.com
Post cover image
Table of contents
Sign up to receive a weekly recap from thoughtbotIntroductionBackground of the projectProblems in the vibe coded siteFixesConclusionIf you enjoyed this post, you might also like:
2.6K Impressions