Accessibility

WCAG compliance and a11y tools

Browse all tools

Accessibility (a11y) and WCAG tooling

Accessibility tools surface the WCAG AA/AAA gaps that automated audits flag and the ones they don't: color-contrast checkers (with the actual ratio thresholds, not just pass/fail), heading-structure linters that catch h1→h3 jumps, alt-text generators based on context (not just image content), ARIA-attribute validators that warn when an attribute is contradicting an implicit role, keyboard-navigation simulators. Useful when you're putting a feature through a pre-launch a11y review, when you're building components for a design system that has compliance commitments, or when you're just trying to ship something that works for screen-reader users without re-learning the spec each time.

12 tools

ARIA Label Generator

Generate accessible names and preview what a screen reader announces

ARIA Roles Reference

Searchable ARIA roles reference with states, keyboard patterns & code

Accessible Form Builder

Build WCAG-accessible forms with labels, fieldsets, errors & autocomplete

Alt Text Suggester

Write role-correct alt text with a decision tree (decorative, functional, complex)

Keyboard Navigation Tester

Analyze HTML for keyboard accessibility and Tab through a live sandbox

Focus Order Validator

Visualize DOM order vs tab order and catch positive-tabindex bugs

Screen Reader Text Generator

Generate sr-only / visually-hidden text + CSS, with a focusable variant

Skip Link Generator

Generate skip links + reveal-on-focus CSS and focus-managed targets

Touch Target Checker

Check tap-target size against WCAG, Apple & Material with a to-scale preview

Semantic HTML Converter

Convert div soup to semantic HTML with a landmark map & divitis score

Viewport Meta Tag Generator

Generate a viewport meta tag with a zoom-accessibility audit

OWASP Security Checker

Scan code & HTTP headers for OWASP Top 10 issues plus an interactive checklist