Paste a single React / JSX / TSX component. Best results under ~15k characters — avoid full files or entire pages. You'll get production-ready accessible code back in seconds.
Don't paste secrets, credentials, or proprietary code.
function Card() {
return (
<div onClick={open}>
<img src="/logo.png" />
Submit
</div>
);
}function Card() {
return (
// div → button (keyboard + screen reader accessible)
<button type="button" onClick={open}>
{/* alt text added — was missing */}
<img src="/logo.png" alt="Company logo" />
Submit
</button>
);
}Paste your own component on the left → get similar production-ready results.
- <img> is missing an alt attribute — screen readers announce the raw filename.WCAG1.1.1
Images must have text alternatives so screen readers can describe them to users who cannot see the image.
AffectsScreen reader users, users with visual impairments
- Interactive <div> is not keyboard accessible — use a native <button> element.WCAG4.1.2
Non-semantic elements are not focusable by default and are not announced correctly by assistive technology.
AffectsKeyboard-only users, screen reader users
Paste your component on the left → get a breakdown like this for your own issues.
Uses ~1–4 credits depending on component complexity.