ToolCraft
HomeAI ToolsDeveloper ToolsUnit ConverterImage Tools
ToolCraft

© 2026 ToolCraft. All rights reserved.

Privacy PolicyTerms of Service
DMCA.com Protection Status
HomeAccessibilityAlt Text Auditor

Accessibility

Heading Outline CheckerAlt Text AuditorARIA Landmark VisualizerForm Label Checker

Alt Text Auditor

Paste HTML to audit <img>, <svg>, <input type=image> and role=img elements against WCAG 2.1 alt-text rules.

HTML is parsed in your browser. Image src URLs are not fetched.

0
Images
0
SVG
0
Decorative
0
With alt
Paste HTML containing <img> or <svg> to begin.

View all Accessibility

View all
100% offline
New

Heading Outline Checker

Paste HTML, see the H1-H6 outline as a tree, and get WCAG accessibility warnings for skipped levels, missing H1, and empty headings.

Accessibility
100% offline
New

ARIA Landmark Visualizer

Paste HTML to see the page's landmark tree (banner/main/nav/aside/footer + ARIA roles) and structural a11y issues.

Accessibility
100% offline
New

Form Label Checker

Paste an HTML form to verify every <input>, <select>, <textarea>, and <button> has an accessible name per WCAG 3.3.2.

Accessibility

What is the Alt Text Auditor?

Alt text is the short written description of an image that screen readers announce to blind and low-vision users — and the fallback Google reads to understand what each image conveys. Yet alt is one of the most-violated WCAG criteria: every page audit finds missing alt attributes, alt that's just the filename ("hero-image-final-v3.jpg"), alt that's a generic placeholder ("image", "photo"), or 300-word alt that JAWS reads as one breathless chunk. The Alt Text Auditor parses any HTML you paste — a full page, a CMS template, a React/Vue component export — and checks every <img>, <svg>, <input type="image">, <area>, and role="img" element against the WCAG 2.1 SC 1.1.1 ruleset Google's Lighthouse and axe-core would flag. It works entirely in your browser, with no upload, so you can audit unpublished drafts, internal admin pages, or client deliverables without leaking content. Use it during component development to catch mistakes early, on every push as part of a code-review checklist, or to verify a CMS edit before publishing.

Rules the auditor checks

(1) <img> without an alt attribute is an error — screen readers will read the filename or skip silently. (2) <img alt=""> is valid only for decorative images; flagged as info to confirm intent. (3) alt that equals the filename or is a generic word like "image"/"photo"/"untitled" is an error/warning. (4) alt longer than 125 characters gets a warning because JAWS reads it without pauses. (5) <svg> needs aria-label / aria-labelledby / <title> child OR aria-hidden="true". (6) <input type="image"> requires alt — it is a submit button. (7) <area> with href requires alt to describe the link target. (8) role="img" element requires aria-label or aria-labelledby.

FAQ