Our Portfolio & Customer Work
Real dashboards and data visualisations built by Acme Analytics customers. Explore what teams across finance, healthcare, and retail have built.
Image Issues Gallery #42 #22 #23
1. Images With No Alt Text #42 CRITICAL
The five images below all have no alt attribute. Screen readers will skip them entirely. Search engines cannot understand their content. This is the most common and impactful image SEO mistake.
Filename: img001.jpg — alt attribute completely absent
Filename: photo123.jpg — alt="" (empty, not descriptive)
Filename: dashboard-screenshot.jpg — no alt
Filename: img002.png — no alt, also wrong format
Filename: photo456.jpg — no alt, non-descriptive name
SEO ISSUE #42: Five images on this page have no alt text. Correct: <img src="acme-analytics-dashboard-overview.jpg" alt="Acme Analytics real-time dashboard showing KPIs for Q1 2025">
Images Without Width/Height Attributes #23 IMP
All images below are missing width and height attributes. Without these, the browser cannot reserve space for the image before it loads, causing Cumulative Layout Shift (CLS) — a Core Web Vitals failure.
No width/height — browser must wait for image to load to know size
CLS score increases with each image missing dimensions
SEO ISSUE #23: Fix: <img src="..." alt="..." width="800" height="450">. The aspect ratio must be declared to prevent layout shift even when using CSS max-width.
No Lazy Loading Attributes
None of the images on this page use loading="lazy". All images are eagerly loaded, increasing initial page load time for users who may never scroll to see them.
<!-- MISSING: no loading="lazy" on any image --> <img src="below-fold.jpg" alt="..."> <!-- Should be: --> <img src="below-fold.jpg" alt="..." loading="lazy">
Non-Optimised Image Formats #22 IMP
All images on this page use JPEG or PNG format instead of WebP or AVIF. WebP is 25–35% smaller than JPEG at equivalent quality. AVIF is 50% smaller. Google PageSpeed penalises sites not serving next-gen image formats.
| Filename | Format | Status | SEO Impact |
|---|---|---|---|
img001.jpg | JPEG | FAIL | Not WebP/AVIF + bad filename |
photo123.jpg | JPEG | FAIL | Not WebP/AVIF + bad filename |
img002.png | PNG | FAIL | Not WebP/AVIF — use PNG only for transparent images |
photo456.jpg | JPEG | FAIL | Not WebP/AVIF + bad filename |
dashboard-overview.webp | WebP | PASS | Correct format (hypothetical example) |
Non-Descriptive Image Filenames #51 STD
Image filenames are an important SEO signal. Search engines use filenames to understand image content when alt text is insufficient. All images below use auto-generated, non-descriptive names.
❌ Bad Filenames (SEO ISSUE #51)
img001.jpgphoto123.jpgimg002.pngphoto456.jpgscreenshot_2024_03_15.jpg
✔ Good Filenames (Correct)
acme-analytics-dashboard.webpquarterly-revenue-chart-q1-2025.webpfinance-team-dashboard-example.webpcustomer-retention-heatmap.webpreal-time-kpi-monitoring.webp
<figure> Without <figcaption> #142 STD
The images below are wrapped in <figure> elements but have no <figcaption>. The figcaption provides additional text context to crawlers beyond what alt text provides. It also renders as visible caption text for users.
Figure 1: Quarterly revenue growth, Q1-Q4 2025
SEO ISSUE #142 (critical test): The image above has a visible caption (<p class="caption-text">) but is wrapped in a plain <div> not <figure><figcaption>. The scanner should flag this as a figure/figcaption violation.
Also: the three <figure> elements above are present but have NO <figcaption> — both patterns are tested on this page.