image-seo

Fetch the page's raw HTML with curl and inspect every img element's alt attribute against quality criteria like presence, length, descriptiveness, and filename usage. The audit produces suggested alt text and instructions for authors to fix it in Google Docs or Word image properties.

A lazy-loaded LCP image is a P0 performance issue. Set loading="eager" and fetchpriority="high" on the hero image in the block's JavaScript, such as hero.js, or adjust the eager/lazy logic in aem.js or lib-franklin.js.

Tools that convert HTML to markdown strip alt, loading, fetchpriority, width, and height attributes. Use curl to fetch raw HTML so all image attributes remain visible for the audit.

Alt text is an author responsibility in EDS. It is set in the source document via Google Docs (right-click image, Alt text) or Word (Edit Alt Text). Developers cannot set alt text for content images in code.

No. Image optimization is handled automatically by the EDS CDN, which converts images to WebP, resizes them, and serves responsive variants. The audit focuses on alt text, loading behavior, dimensions, and naming instead.

Purely decorative images like dividers, spacers, and background patterns should have alt="" so screen readers skip them. Content images that convey information must never have empty alt text, as that is a WCAG 2.1 AA failure.