The latest articles on DEV Community by Colin Smith (@colin_smith_b6709819aaf6d). https://dev.to/colin_smith_b6709819aaf6d https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3713001%2Fd8978508-7e2a-4e65-a4f6-6ae5deaa6161.png https://dev.to/colin_smith_b6709819aaf6d en Colin Smith Thu, 15 Jan 2026 15:36:09 +0000 https://dev.to/colin_smith_b6709819aaf6d/i-built-a-free-accessibility-scanner-that-gives-you-copy-paste-fixes-not-just-error-messages-363i https://dev.to/colin_smith_b6709819aaf6d/i-built-a-free-accessibility-scanner-that-gives-you-copy-paste-fixes-not-just-error-messages-363i <p>The European Accessibility Act just went into effect (June 28, 2025). If your website serves EU customers and isn't WCAG 2.1 AA compliant, you can face fines up to €100,000.</p> <p>Most accessibility tools give you cryptic messages like "WCAG 2.1.1 Keyboard - Fail". I built something different.</p> <h2> What I built </h2> <p><a href="https://tryinclusiv.com" rel="noopener noreferrer">Inclusiv</a> scans your website and gives you:</p> <ul> <li> <strong>The exact element with the issue</strong> - not just a vague description</li> <li> <strong>Why it matters for users</strong> - context on who this affects</li> <li> <strong>Copy-paste code to fix it</strong> - actual solutions, not just problems</li> </ul> <h2> The problem I'm solving </h2> <p>96% of websites have accessibility issues. Most site owners don't know it.</p> <p>Traditional accessibility audits are expensive ($5,000+) and the reports are hard to understand. Automated tools like WAVE or axe give you error messages but leave you to figure out the fix yourself.</p> <p>I wanted to bridge that gap - automated scanning with human-readable fixes.</p> <h2> Tech stack </h2> <ul> <li> <strong>Next.js 14</strong> - App router, server components</li> <li> <strong>axe-core</strong> - For accessibility scanning</li> <li> <strong>GPT-4</strong> - Generates the fix suggestions based on the specific issue</li> <li> <strong>Supabase</strong> - Database and auth</li> <li> <strong>Stripe</strong> - Payments</li> </ul> <h2> Try it </h2> <p>Free scan at <a href="https://tryinclusiv.com" rel="noopener noreferrer">tryinclusiv.com</a> - no signup required, instant results.</p> <p>Would love feedback from the dev community:</p> <ol> <li>What accessibility issues trip you up most?</li> <li>What would make you actually pay for continuous monitoring?</li> </ol> <h1> webdev #accessibility #javascript #showdev </h1> webdev a11y