<img src="team.jpg">A screen reader may announce the filename. Review the image's purpose and add an appropriate alt attribute.
See every image on a page, find missing or weak alt text, and draft fixes while the image is in view.
One page at a time, up to 150 images. Showing a sample until you check your own page.
Enter a public page URL, run the check, then review each image beside its current alt attribute. Fix missing descriptions for informative images, keep intentionally empty alt attributes for decorative ones, and export your list of changes.
Alt text is a short written description of an image, added in the alt attribute of the image's HTML. Screen readers read it aloud to people who can't see the image, browsers show it when an image fails to load, and search engines use it to understand what the image shows.
An image with no alt attribute is missing an important accessibility decision. An image with alt="" has an intentionally empty alternative, which is appropriate when the image adds no information and has no function.
<img src="team.jpg">A screen reader may announce the filename. Review the image's purpose and add an appropriate alt attribute.
<img src="swirl.svg" alt="">The ornament is skipped by assistive technology. Keep the empty attribute if it carries no meaning.
An empty alt is a decision to confirm, not an automatic error.
Describe the information the image adds in this page's context. Use plain language, avoid repeating nearby text, and skip “image of” unless the medium itself matters. There is no universal character limit; be as brief as the meaning allows.
For a product photo, name the distinguishing feature readers need. For a screenshot, describe the state or control the screenshot demonstrates. If the same information is already in nearby text and the image adds nothing, an empty alt may be better.
Good alt text says what the image adds to this page, in a short plain sentence. The same photo can need different alt text on different pages, because what matters depends on why it's there.
| Image | Weak | Better |
|---|---|---|
| Product photo | alt="boots" | alt="Brown leather hiking boots with red laces" |
| Linked logo | alt="logo" | alt="Trailhead Outfitters home" |
| Chart | alt="chart" | alt="Bookings rose every month from March to June" |
| Search icon button | alt="" | alt="Search" |
| Team photo | alt="IMG_2039.jpg" | alt="Our five-person support team outside the Leeds office" |
| Decorative divider | alt="decorative swirl line" | alt="" |
An image that is the only content of a link or button needs an accessible name that tells people what happens next. A chart needs its takeaway in text, with detailed data available nearby when the detail matters.
For a linked logo, “Pineable home” is more useful than “logo.” If the link already has clear visible text, the image may use alt="".
A search icon used as a button should be announced as “Search,” whether through alt text or another accessible label.
Give a short summary in alt text and put complex numbers or relationships in adjacent text or a data table.
Descriptive alt text helps search engines understand an image alongside the page around it. It also helps people when an image cannot be seen. Use it to describe the image accurately, not to repeat keywords or force a ranking phrase.
Keep the page title, nearby copy, caption and image filename aligned with the actual subject. To check how target terms appear elsewhere on your page, use Pineable's Keyword Checker.
The checker reads <img> elements in one page's HTML. It finds missing attributes, prompts you to review empty ones, and flags likely weak descriptions such as filenames, vague words, repeated phrases and unusually long text.
Image-by-image previews, alt attributes, link or caption context, review labels, editable drafts, filters and CSV export.
CSS background images, images injected after load by JavaScript, and whether a description truly matches the visible image. Paste rendered HTML for dynamic pages.
The fastest audit is still a human review with the image and its page context in front of you. These answers cover the decisions that automated checks cannot make for you.
alt="" is right for an image that adds no information and has no function. The report asks you to confirm that intent.alt attribute in the highlighted HTML.Browse hand-picked marketing designs from brands that do it well.
Browse the design library