Powered by axe-core — the same engine used by Microsoft, Google, and Deque.
Free. No signup required.
CloviAble's free scanner runs 72+ automated rules across four key accessibility dimensions.
72+ automated rules covering perceivability, operability, understandability, and robustness.
Tab order, focus management, keyboard traps, skip links, and interactive element reachability.
Foreground/background ratio checks for all text elements. WCAG requires 4.5:1 for normal text, 3:1 for large text.
ARIA roles, labels, live regions, heading hierarchy, and semantic HTML structure validation.
Scanning
This usually takes 15–30 seconds. Running 72 axe-core rules against your page.
CloviAble's free scanner runs 72+ automated rules across four key accessibility dimensions.
72+ automated rules covering perceivability, operability, understandability, and robustness.
Tab order, focus management, keyboard traps, skip links, and interactive element reachability.
Foreground/background ratio checks for all text elements. WCAG requires 4.5:1 for normal text, 3:1 for large text.
ARIA roles, labels, live regions, heading hierarchy, and semantic HTML structure validation.
Accessibility Score
25 issues found
img[src="/assets/hero.jpg"] + 13 more
14 img elements have no alt attribute. Screen readers cannot convey the image content to blind users.
Remediation
Add a descriptive alt attribute to every img element. If the image is decorative, use alt="". Screen readers skip elements with empty alt attributes entirely.
input[type="email"].newsletter-input
6 form inputs have no associated label element. Screen readers announce these as "edit text" with no context.
Remediation
Add a <label for="inputId"> matching the input's id, or use aria-label / aria-labelledby attributes directly on the input element.
button.cta-secondary + 10 more
Text color #9CA3AF on #FFFFFF background gives a 2.85:1 contrast ratio. WCAG AA requires 4.5:1 for normal text.
Remediation
Change the text color to #6B7280 or darker. Use a contrast checker tool to verify the ratio meets 4.5:1 before deploying. For large text (18pt+ or 14pt+ bold), 3:1 is the minimum.
video#product-demo
A video element with audio content has no captions track. Deaf and hard-of-hearing users cannot access the audio information.
Remediation
Add a <track kind="captions"> element inside the video tag. Use CloviAble's transcription studio to generate VTT files automatically.
div[role="dialog"].modal-overlay
Keyboard focus enters the modal but cannot exit without pressing Escape. The modal does not trap focus cyclically within its content, and the Escape key handler is missing.
Remediation
Implement focus trapping: focus must cycle within the modal using Tab/Shift+Tab. Add an Escape key listener to close the modal and return focus to the trigger element.
button.hamburger-menu
3 button elements have no text content, aria-label, or aria-labelledby. Screen readers announce them as "button" with no description of their action.
Remediation
Add an aria-label describing the button action. For icon-only buttons, this is the most concise solution. Alternatively, add visually hidden text using a sr-only class.
19 more issues not shown. Sign up to see the full list.
View all 25 issues — FreeWe'll email you a complete PDF with all 25 issues found, WCAG references, and a prioritized remediation checklist.
No signup required. One email, then we'll leave you alone.
Or start with a 14-day free trial — no credit card required.
Want to check a different page?
72+ automated rules across four key accessibility dimensions.
72+ automated rules covering perceivability, operability, understandability, and robustness.
Tab order, focus management, keyboard traps, skip links, and interactive element reachability.
Foreground/background ratio checks for all text elements. WCAG requires 4.5:1 for normal text, 3:1 for large text.
ARIA roles, labels, live regions, heading hierarchy, and semantic HTML structure validation.