What it does
- Renders your HTML in a sandbox with scripts disabled
- Checks alt text, form labels, button and link names, headings, ids and tab order
- Measures real tap target sizes (WCAG 2.5.8) and text contrast (1.4.3)
- Click an issue to highlight the element, with a suggested fix
FAQ
Can automated tools find every accessibility issue?
No — automated checks catch roughly a third of real issues. Always test with a keyboard and a screen reader too.
What is the minimum tap target size?
WCAG 2.2 AA (2.5.8) requires at least 24×24 CSS pixels; 44×44 is the enhanced AAA level and a comfortable size for touch.
More free tools
- Palette Generator — Pick a hue, choose a color harmony, and get a full accessible palette with live AA/AAA contrast checking.
- Contrast Checker — Paste two colors, see the WCAG ratio, and fix a failing pair with a single click.
- Image → Palette — Drop in an image, pull out its dominant colors, and see which pairs are safe to use together.
- Color Blindness Simulator — See a palette through protanopia, deuteranopia, tritanopia and achromatopsia — and catch colors that collapse.
- Type Scale Generator — Pick a base size and a ratio, get a full type scale with live preview, fluid clamp() and tokens to copy.
- Gradient & Mesh Generator — Linear, radial, conic or blobby mesh gradients — drag the points, shuffle the colors, copy the CSS.
- Component States Explorer — Buttons, inputs and cards in every state — hover, focus, pressed, disabled, error — side by side with contrast checks.
- Design Token Converter — Paste W3C tokens, Tokens Studio or Figma Variables JSON and get CSS, SCSS, Tailwind v4 or SwiftUI — aliases included.
- Motion & Easing Playground — Drag cubic-bezier handles, tune a real spring, watch them race, and export motion tokens as CSS linear(), Framer Motion or SwiftUI.
- Auto-Trim — Drop in PNGs and get them back without the empty transparent edges — in bulk, in your browser, as one ZIP.
- Text Expansion Stress Test — See how a UI breaks in German, Spanish or pseudo-localized text — and which CSS fixes make it survive translation.
- Multi-size Preview — One message laid out across social and display-ad sizes, with platform safe zones and a draggable focal point. Export every PNG.