Image Alt Checker: Check alt texts of a page
Free individual check · without registration
Find missing, empty and eye-catching alt attributes in the HTML of a URL. Use the image list for revision in the CMS and judge each image based on its actual task.
- All found <img>Elements
- Missing Old ageattribute
- Empty alt texts alt=""
- generic or very weak alt texts
- Filename as alt-text
- Decorative images and lazy-load images
- Product, teaser, hero and content images with high SEO/UX value
- Notes for CMS fields, templates and editorial maintenance
| Picture | Alt text | Assessment | Note: |
|---|---|---|---|
| — | |||
Find missing alt texts and complement them appropriately
What pictures and information is collected by the check
The server retrieves a page and examines its img elements. Shown are image addresses, alt texts and rule-based hints, such as missing attributes, generic texts or file names. CSS background images and images generated only by JavaScript may be missing. The subject itself is not recognized with AI; the tool cannot confirm that a description fits the visible image.
Missing, empty or decorative: distinguishing the findings
A missing alt attribute is different from alt="". For pure decoration, an empty attribute is often correct. The checker estimates decorative use based on HTML features such as roles, classes or sizes. This classification can be wrong. In particular, check small icons manually: a small image can still convey an important function.
Write alt texts after the task of the image
In the case of an informative image, the text should convey the essential information in the page context. In the case of an image as a link or button, the function or the goal is decisive. Complex diagrams often require an additional detailed explanation in the visible content. Do not repeat an already sufficient caption and do not use a keyword list.
Fixing recurring errors in the CMS
If many images appear without an alt attribute, first check image fields and the output in the template. If the attribute is missing only for individual content, an editorial addition may suffice. After the change, test several page types and also mobile displays. An inconspicuous individual check does not replace a complete accessibility check.
Describe a product image meaningfully
Practical example · for illustration
Starting position
Check the product page with an image of a blue ceramic cup.
Classify the findings
Missing old and old="" are different findings: An empty attribute may be correct for pure decoration.
Specific amendment
For a product image that is relevant in terms of content, briefly describe the crucial information, such as “Blue Ceramic Cup with Henkel”. Do not use a keyword list.
Control and border
Check output in HTML and meaning in context. The presence of an alt attribute does not yet prove a good description.
W3C WAI: Decision Support for Alt Texts
Questions about use and boundaries
Does every picture need a descriptive alt-text?
No. Decorative images can get alt="". Informative and functional images need an alternative that fits the context; the decision cannot be derived solely from the file size.
Can the checker automatically recognize good alt texts?
He recognizes selected patterns, not the meaning of the motif. Even an inconspicuous text can be incorrect in content. Compare him to the picture and his task on the page.
Why is a small icon classified as decorative?
The classification uses, among other things, HTML features and sizes as hints. An icon that explains a link or button alone must still be labeled functionally accessible.
Why is a visible image missing in the results list?
CSS backgrounds or img elements reloaded via JavaScript may be missing from the retrieved HTML. In this case, additionally check the rendered page.