♿ New Category: Accessibility & WCAG Tools

Today we're launching a brand new category: Accessibility & WCAG — 11 free tools to help designers, developers, and content creators build more inclusive products.

🛠️ What's included

• WCAG Contrast Checker — hex/rgb/hsl input, AA/AAA levels for text, large text, and UI components. Includes a "nearest compliant color" fixer.
• Non-Text Contrast Checker — validates 3:1 contrast for borders, icons, focus rings, and button boundaries (WCAG 1.4.11).
• Heading Structure Auditor — paste HTML or Markdown and instantly see your heading hierarchy. Flags skipped levels, multiple H1s, and empty headings.
• Link Text Quality Checker — finds "click here", "read more", duplicate links with different URLs, and image-only links with no alt.
• Alt-Text Linter — audits every <img> in your HTML. Catches missing alt, redundant "image of…" prefixes, overly long descriptions, and duplicates.
• Form Accessibility Validator — checks labels, aria-describedby, required field indicators, fieldset grouping, and generic submit button text.
• Keyboard Navigation Checklist — select a component type (modal, dropdown, tabs, carousel…) and get a full QA checklist with WCAG criteria.
• Accessible Color Palette Generator — enter a brand color and get a 9-shade scale (50–900) with contrast ratios pre-calculated for every swatch.
• Readability & Plain Language Analyzer — Flesch-Kincaid, Gunning Fog, SMOG, Coleman-Liau scores plus passive voice and long-sentence detection.
• Accessibility Statement Builder — fill in a form and generate a publish-ready accessibility statement (required by EU Web Accessibility Directive).
• A11y Issue Triage Board — add accessibility audit findings, score by severity/effort/impact, auto-sort into a priority queue, export as CSV or Markdown.

🎯 Who is this for?

Front-end developers who want to catch issues before QA, UX designers validating color systems, content writers checking readability, and product teams preparing for audits or EU compliance. All tools run entirely in the browser — no signup, no data sent anywhere.

⚡ Highlight: A11y Triage Board

The triage board is something we haven't seen as a free standalone tool before. You paste in your audit findings, assign severity (critical/serious/moderate/minor), effort, and user impact — and it auto-calculates a priority score so you always know what to fix first. Export to CSV for Jira or Markdown for GitHub Issues.

🔮 What's next

• ARIA role validator — paste HTML with custom widgets and check role/attribute correctness.
• Color blindness simulator — preview any design in Deuteranopia, Protanopia, and Tritanopia.
• Focus order visualizer — paste HTML and see the Tab sequence numbered on the page.

Accessibility is not a checkbox — it's a practice. These tools are designed to make that practice faster and less painful. Try them out and let us know what you think via Feedback. 💬