i

Image

Content · researched

A picture, optionally with a full-screen preview.

atom · also called Thumbnail

Each block is the real component from that system’s own package, in an isolated frame. They are live: hover, focus and press them. Frames are drawn on white so systems compare on one ground, and a font a system licenses only for its own site (GOV.UK’s Transport) falls back to what the system itself specifies.

Ant Design

Image native: partly antd 6.6.5
Variants
—
Sizes
—
States documented
—
Accessibility guidance
no

Div wrapper around a native img with a click-to-preview layer; Image.PreviewGroup moves between images.

docs ↗ · code ↗

Carbon

absentCarbon does not ship this component. Nothing is drawn in its place.

Checked docs components list and source. AspectRatio is a layout wrapper and Card media slots hold images, but no image component; img appears only in UserAvatar (unpublished).

GOV.UK

absentGOV.UK does not ship this component. Nothing is drawn in its place.

Checked: component index (https://design-system.service.gov.uk/components/ , 37 components), patterns index, styles index, repo tree src/govuk/components and objects, and installed govuk-frontend 6.5.1 components directory. No image component. Styles > Images gives guidance and responsive-image classes only.

Material Web

absentMaterial Web does not ship this component. Nothing is drawn in its place.

Checked docs/components (20 component pages), the repo top-level dirs, labs/, labs/gb/components and the installed 2.5.0 package. No image element; md-list-item has image/avatar slots only.

Primer

absentPrimer does not ship this component. Nothing is drawn in its place.

No image component. Avatar and Skeleton box exist; nothing for general pictures or previews. Checked: primer.style/product/components/ index, internal-components list, ui-patterns, packages/react/src tree (incl. deprecated/, experimental/, internal/).

Spectrum

Image native: yes
shipped, not drawn hereSpectrum documents this component, but it could not be drawn from the package used for the frames. The note below says why.
Variants
—
Sizes
—
States documented
error, loading
Accessibility guidance
no

Implementations: S2 and v3 Image (renders img inside an optional picture, with loading and error handling); no full-screen preview found. Index disagreement (partial): it also mapped Asset (SWC file or folder placeholder) and Thumbnail (SWC media preview chip); neither is a picture component. Installed SWC 1.12.4 has asset but not thumbnail. S2 MDX has no accessibility section.

1 corrected on re-read
  • states_documented: null → ["error","loading"] Image.mdx: Error state (renderError) and skeleton loading described

docs ↗ · code ↗

USWDS

absentUSWDS does not ship this component. Nothing is drawn in its place.

Checked the docs component index and status page and the develop packages/ tree (88 entries, matching installed 3.14.0): no image component. usa-media-block (an image beside text) and usa-embed-container are layout helpers with no docs page; there is no preview or lightbox.

Platform facts

Native elementimgMDN img: alt attribute, loading. Spec figure: self-contained content with optional caption. A full-screen preview is not defined by HTML (a dialog could host it; no source says so).
Baseline—
APG patternnone
ARIA role—
Shipped by2 of 7 systems

Anatomy

  1. image — HTML img with src.
  2. alternative text — MDN: provide a useful alt; alt='' marks non-key content.
  3. caption optional — Spec figure: 'optionally with a caption'; figcaption.

The seven states

default Displayed.
hover n/a — Not interactive.
focus n/a — Not focusable unless wrapped in a link or button.
active n/a — Not interactive.
disabled n/a — Not defined by APG or HTML.
error n/a — Not defined by APG or HTML.
loading MDN img: loading attribute defers loading until near the viewport.

Every cell was read twice, the second time from raw sources by a separate pass. 1 of 35 fields changed on the second read — open any “corrected” note to see what it said before.