Web Accessibility (WCAG / a11y) Toolkit
Audit OKLCH color contrast, ARIA labels, heading hierarchy, alt text, and keyboard focus order
Tools in This Collection
Speech to Text Transcriber
Real-time speech recognition using Web Speech API. Transcribe audio to text with language detection.
Bionic Reading Converter
Bold the first letters of each word to read faster and stay focused. Free online Bionic Reading converter with adjustable fixation and live preview.
OKLCH Contrast Checker
Check WCAG 2.x color contrast ratios with live OKLCH and OKLab controls. Test any foreground/background pair for AA and AAA compliance and see the perceptual OKLab Delta-E, all in-browser.
HTML Alt Text Checker
Scan HTML for images missing alt text, empty alt, or broken img/src attributes and export an accessibility report
ARIA Accessibility Checker
Scan HTML for missing labels, invalid ARIA usage, and landmark accessibility issues
Heading Structure Checker
Analyze HTML heading hierarchy, skipped levels, duplicate H1, and empty headings
Braille Translator
Translate text to Grade 1 Unicode Braille and back. Letters, numbers, and punctuation — all in your browser.
Keyboard Focus Order Checker
Paste HTML to list the expected keyboard tab order, flag positive tabindex, unreachable onclick controls, and aria-hidden focus traps
Accessible Name Calculator
Compute the accessible name of any element from pasted HTML — see exactly what screen readers will announce, and find unnamed buttons, links and inputs that fail WCAG 4.1.2.
Why This Collection
We curated this collection by combining the best tools for development to match your needs.
Other Collections
Web Development Essentials
Essential tools for web developers including JSON formatting, regex testing, and code tools
Content Creator Toolkit
Tools for bloggers and content creators including word counter, case converter, and SEO generators
Designer's Toolkit
Color and design tools for UI/UX designers including color converters, gradient generators, and CSS tools
Last updated: October 29, 2026