C43 Media gallery

The Media Gallery component allows users to display images and/or videos in an easy-to-digest format with navigation controls for browsing through the content.

Component requirements

Media gallery wrapper

Optional:

• Headline: Text field
• Support copy: Rich text field.
• CTA: Rich text field.

• Should lazy load: Loads content only when needed. Default: unchecked.

• Headline tag: H2/H3/H4/P. Default: H2.

• Content alignment: Dropdown. Left/center. Default: left.

• Background color: Dropdown. White/White Smoke. Default: White.

• Hide thumbnails: Checkbox. Shows or hides the thumbnail row.

• Hide navigation: Checkbox. Shows or hides the gallery navigation.

Media gallery item

Required:

• Image: Required media file for the gallery item (webp or jpg).

Optional:

• Video ID: Allows embedding a YouTube video via its ID.
• Headline: Text field. Styled as a P-Bold.
• Support copy: Rich text field.

ADA requirements

• Each image must have alt text unless marked decorative.
• Embedded videos must include a title and keyboard-accessible controls.
• Autoplaying galleries must provide pause/play functionality.
• Next/previous arrows must be proportionally sized and clearly visible.

Component example

Example: Showing a media gallery component with a combination of both, image and video assets.