Image alt Text Checker
Instructions Enter a full website URL to check the page for any missing
alt text. Copy your URL as it reads in the address bar to be sure you are getting the
What is the Image alt Text
Alt text is short for alternative text and describes the appearance of HTML elements like images for search engines and screen readers. Adding alt text to your images is the easiest way to make your website more accessible.
Why is the Image alt Text Important
- Adding alternative text improves page accessibility for visually impaired users using screen readers. The text enables the users screen reader to describe the image and helps them understand page context.
- If there are broken images on the page the alt text will be displayed in place of an image.
- Alt text provide search engine crawlers better image context to help them to index an image properly.
Alt Text Example
<img src="house-plant.jpg" alt="House plant on a window sill.">
How to Write Good Alt Text
Writing good alt text it not the easy thing to master. If done poorly it can be misleading or meaningless to a user. In which case no alt text at all would be better.
- Be specific and describe what you see. A good example is to describe the image how you would briefly over the phone.
- Use as few words as possible and try to limit it to one sentence or 125 characters.
- Never start the sentence with Image of... or picture of...
- Use text that if part of the image.
- Do add text to images that are decorative like page dividers or brand graphics.
- If the image has a caption that is describing the it don't use an alt text as it will be repeating the caption.