usefulweb.site Accessibility Fixer

Contracts, safety & accessibility

Accessibility Fixer

Turn WCAG 2.2 problems in your HTML into concrete code fixes, grouped by effort.

Static HTML only; JavaScript is not executed.

Takes precedence over the URL.

Try an example: Checkout form with missing labels and alt text · Pricing table, autoplay video and fake button

How it works

Paste HTML or enter a URL and get a fix list: for every detected accessibility problem the tool shows the offending element, a corrected version generated from it (alt text, labels, lang, names, heading levels, table headers…) and how much work it is. Placeholders that need human judgement are marked TODO, and a patch-style diff is included.

  • Runs the same static rule set as Accessibility Snapshot (WCAG 2.2 mapping verified against the W3C Recommendation).
  • Each fix is generated from the actual element: the original start tag is re-serialised with the needed attribute added, changed or removed (e.g. alt, aria-label, lang, id + <label for>, th scope, tabindex).
  • Text the tool cannot know — what an image shows, what a field means, the page language — is never guessed: it is inserted as a TODO placeholder (lang="en" is only a placeholder).
  • Fixes are grouped by effort: quick = attribute change, moderate = markup change that may affect styling, involved = structural or content work.

Automated static checks can only detect some failures. They cannot establish WCAG 2.2 conformance: conformance requires a full manual review of every page state (WCAG 2.2 §5.2), including rendered contrast, keyboard operation and assistive-technology testing.

Sources

For scripts and AI agents

  • JSON API: POST https://accessibilityfixer.usefulweb.site/api/v1/calculate (same calculation as this page)
  • Interface description: OpenAPI 3.1 · AI guide: llms.txt
  • MCP server (Streamable HTTP): https://accessibilityfixer.usefulweb.site/mcp · tool name accessibility_fixer
Example request
curl -s -X POST https://accessibilityfixer.usefulweb.site/api/v1/calculate \
  -H 'content-type: application/json' \
  -d '{"html":"<html>\n<head><title>Shop</title></head>\n<body>\n<header><a href=\"/\"><img src=\"/img/logo.svg\"></a></header>\n<main>\n<h1>Checkout</h1>\n<h4>Delivery address</h4>\n<form action=\"/pay\">\n  <input type=\"text\" name=\"fullname\" placeholder=\"Full name\">\n  <select name=\"country\"><option>Germany</option><option>France</option></select>\n  <button type=\"submit\"><i class=\"icon-arrow\"></i></button>\n</form>\n<img src=\"/img/IMG_2041.jpg\" alt=\"IMG_2041.jpg\">\n</main>\n</body>\n</html>","includeBestPractice":true,"maxFixes":80}'

Related tools

  • Accessibility Snapshot – Static WCAG 2.2 snapshot of a page: findings by severity, evidence and manual checks.
Feedback