Lesson 4: Landing Page Blocks: Image with Text Overlay

When this block is rendered, the image will be slightly darkened and the Title and Body text will be rendered over top of the image. This allows for creating an accessiblilty compliant text-over-image component by ensuring that the written text is machine readable so that screen readers can access it and read it aloud to site visitors with visual disabilities.

The configuration of this block type is extremely simple: just upload an image, provide a title, and then provide optional additional text in the Body field.

Note: At this time, there is no option for making the Title link to another location. If you wish the title text to be a link, you will need to hide the title, then add the title text in the Body field, marking it as "Heading 2" and then making it a link to the appropriate page.