Last Updated April 2025
Featured Content Blocks: Heros, Carousels, Ambient Video and Galleries are designed to perform well with large media. But please take care not to load too many on a single page. We must balance looking good and loading fast. See the content Editor Guide and inline instructions on your site for additional details.
If applicable for your designs, please see important considerations for text overlay on images or video.
Heros
Even though text entered into the Heading field of the Hero Block types are visually displayed as large text, the content will be read as a paragraph. Most of the Hero options lack semantic heading tags. Remember, hierarchical headers are very important to quality web content. You may need to use the Block Title field which is displayed as a H2 or add headings in a Basic block to mitigate issues with out-of-order or lack of headings.
Heading 1 (H1 tag) Hero
To help mitigate the issue, we’ve created a Hero option that displays the text in the “Heading” field as a Heading level 1 (H1) tag.
To comply with requirements for hierarchical headings, you must have a single H1 tag on every page, so to use the H1 Hero on a page, you must remove the H1 created by the page Title field from the display.
To Remove the Page Title: Go to the “Edit” tab, uncheck “Display Title” in the “Display Options” in the right sidebar area.
None of the other Hero Blocks should be used without the Page Title.
Carousel
Consider carefully the pros, cons and best practices of using a carousel. Auto play is discouraged especially for slides with text. Autoplay is an option, however it is not recommended, especially for any slides with text. The speed of the slide rotation is set to 5 seconds.
Galleries
Creates a simple grid of thumbnails that can be clicked and open in a popup “light box”. The thumbnails will be cropped to a standard aspect ratio but the full image is displayed in the pop up. On mobile size screens the full image with captions are displayed without the interactive pop up.
