Skip to content
Amplify from Studio 24
  • Get started
  • Fundamentals
  • Layout helpers
  • Core components
  • Advanced components
  • Design handover & standards
  • Avatars
  • Breadcrumbs
  • Cards
  • Image component
  • Main
  • Notes
  • Pagination
  • Progress indicator
  • Quote component
  • Shelves
  • Simple search form
  • Sticky footer
  • Tag list
  • Text component
  • Video component

Image component

The figcaption is not a replacement for the image's alt attribute. It should be used for providing relevant supporting content.

Considerations

Note the use of the frame layout, to create the desired aspect ratio, and the loading="lazy" attribute on img for native lazy-loading.

Alternative text

Every instance of img must include the alt attribute. This alt decision tree is helpful for determining whether and how to provide alternative text.

© Studio 24